請(qǐng)問(wèn)element-ui tabs如何渲染對(duì)應(yīng)內(nèi)容
2 回答
慕桂英546537
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊
在el-table-column添加prop等于bookData中對(duì)于屬性的key值
例如：
<el-table-column property="bookName" label="書(shū)名" align="center" prop="bookName"></el-table-column>
動(dòng)漫人物
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個(gè)贊
先將表格的數(shù)據(jù)按照bookCategoryId分個(gè)類(lèi)，形成以下數(shù)據(jù)格式
tableData: {
English: [],
retail: []
}
渲染的時(shí)候通過(guò)bookCategoryId取得相應(yīng)的表格數(shù)據(jù)，例如tableData.English，對(duì)于以下的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>
添加回答
舉報(bào)
0/150
提交
取消