Почему компоненты таблицы не могут визуализировать данные? - PullRequest
Новая
       13

Почему компоненты таблицы не могут визуализировать данные?

0 голосов
/ 01 июля 2019

Я хочу написать компонент таблицы, потому что в проекте есть таблицы на нескольких страницах. Но сейчас не удается отобразить данные.

Вот мой код,

HTML: 

    <resource-table :TableData="resourceCodeTableData" :CodeColumns="resourceCodeColumns"></resource-table>

JS: 

   var tableCom = `
                <el-table :data="TableData" class="pj-table" height="400px" stripe border>
                    <el-table-column
                            v-for="column in CodeColumns" :prop="column.prop"
                            :label="column.label">
                        <template scope="scope">
                            <span v-html="scope.row[column.prop]"></span>
                        </template>
                    </el-table-column>
                </el-table>
                `;

Vue.component('resource-table', {
    props: ['TableData', 'CodeColumns'],
    template: 'tableCom'
});

var app = new Vue({
    el: '#app',
});

resourceCodeTableData: 

[{"deviceType": "tttt"}]

resourceCodeColumns: 

[{"label":"deviceType","prop": "deviceType"}]

Пожалуйста, укажите на ошибку моего кода, спасибовам очень нравится.

...