请问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: {&nbsp; &nbsp; English: [],&nbsp; &nbsp; retail: []}渲染的时候通过bookCategoryId取得相应的表格数据，例如tableData.English，对于以下的tableData[item.bookCategoryId]<el-tab-pane v-for="(item,index) in classify"&nbsp; &nbsp; :key="index"&nbsp; &nbsp; :label="item.bookCategoryName"&nbsp; &nbsp; :name="item.bookCategoryId">&nbsp; &nbsp; <el-table :data="tableData[item.bookCategoryId]"></el-table></el-tab-pane>