美文网首页
el-table 组件动态设置表头,遇到的问题

el-table 组件动态设置表头,遇到的问题

作者: AR7_ | 来源:发表于2020-07-15 10:45 被阅读0次
    <div v-for="item in tableHeader" :key="item">
        <el-table-column :label="item.label" :prop="item.prop" :width="item.width" :type="item.type" :align="item.align"></el-table-column>
    </div>
    

    一开始这样写,遇到的问题是,tableHeader数组,索引为0的总是排在后面,然后索引为1的排在第1位,接着是没问题的,我开始怀疑是项目中,关于el-table的样式,是不是被谁全局设置了,检查了一下发现没有问题,后来有觉得是不是v-for的关系,检查了还是没有问题,虽然我知道问题就在这几行代码上面了,果不其然,为什么改为下面的方式又没问题了。

        <el-table-column v-for="item in tableHeader" :key="item" :label="item.label" :prop="item.prop" :width="item.width" :type="item.type" :align="item.align"></el-table-column>
                  
    

    现在的思考就是,这两者有什么区别?

    相关文章

      网友评论

          本文标题:el-table 组件动态设置表头,遇到的问题

          本文链接:https://www.haomeiwen.com/subject/bhldhktx.html