请问element-ui tabs如何渲染对应内容？

Question

请问element-ui tabs如何渲染对应内容

Answer 1

在el-table-column添加prop等于bookData中对于属性的key值
例如：
<el-table-column property="bookName" label="书名" align="center" prop="bookName"></el-table-column>

Answer 2

先将表格的数据按照bookCategoryId分个类，形成以下数据格式

tableData: {

    English: [],

    retail: []

}

渲染的时候通过bookCategoryId取得相应的表格数据，例如tableData.English，对于以下的tableData[item.bookCategoryId]

<el-tab-pane v-for="(item,index) in classify"

    :key="index"

    :label="item.bookCategoryName"

    :name="item.bookCategoryId">

    <el-table :data="tableData[item.bookCategoryId]"></el-table>

</el-tab-pane>