这个动态渲染table表格时发现el-table-column 第一列数据变到最后一个
序号被排到后面
代码
修改后
文章来源:https://www.toymoban.com/news/detail-642539.html
文章来源地址https://www.toymoban.com/news/detail-642539.html
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
height="500"
>
<template v-for="(item, index) in columnList" >
<el-table-column v-if="!item.children" :prop="item.prop" :label="item.label" :key="index">
</el-table-column>
<el-table-column v-else :prop="item.prop" :label="item.label" :key="index">
<div v-for="(items, indexs) in item.children" :key="indexs">
<el-table-column :prop="items.prop" :label="items.label">
</el-table-column>
</div>
</el-table-column>
</template>
到了这里,关于vue elementui v-for 循环el-table-column 第一列数据变到最后一个的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!