vue elementui v-for 循环el-table-column 第一列数据变到最后一个

这个动态渲染table表格时发现el-table-column 第一列数据变到最后一个

序号被排到后面

代码

修改后

javascript 复制代码
<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>
相关推荐
前端小巷子2 分钟前
Vue3 响应式革命
前端·vue.js·面试
一狐九17 分钟前
Flutter如何通过GlobalKey调用组件内的方法
前端·flutter
wyzqhhhh26 分钟前
前端如何处理首屏优化问题
前端
杨荧33 分钟前
基于Python的反诈知识科普平台 Python+Django+Vue.js
大数据·前端·vue.js·python·数据分析
22jimmy2 小时前
JavaWeb(二)CSS
java·开发语言·前端·css·入门·基础
m0_738120725 小时前
CTFshow系列——命令执行web38-40
前端·windows·安全·web安全
zhoxier6 小时前
elementui el-select 获取value和label 以及 对象的方法
javascript·vue.js·elementui
是小狐狸呀6 小时前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
四岁半儿9 小时前
常用css
前端·css
你的人类朋友9 小时前
说说git的变基
前端·git·后端