vue v-for循环生成el-table-column及Emitted value instead of an instance of Error报错解决办法

最新推荐文章于 2024-07-26 14:03:04 发布

NeonSyrup

最新推荐文章于 2024-07-26 14:03:04 发布

阅读量6.5k

点赞数 3

分类专栏：前端 vue ElementUi

本文链接：https://blog.csdn.net/Morphinee/article/details/104473747

版权

本文介绍了如何使用Vue的v-for指令动态生成el-table-column，并解决了在过程中遇到的'Emitted value instead of an instance of Error'错误。关键点包括为循环添加key属性，确保prop位于其他配置项之前，以及在处理表格数据和单元格样式时的注意事项。

摘要由CSDN通过智能技术生成

直接上代码

                    <el-table-column v-for="(item,index) in period"
                                     :prop="item"
                                     :key="index"
                                     :label="item"
                                     width="140">
                    </el-table-column>

period为在data中定义的数组

若要循环对象，将代码改为下述即可：

                    <el-table-column v-for="(val,key,index) in period"
                                     :prop="val"        //字段名，一定要放在第一行
                                     :key="index"     //别写漏
                                     :label="val"
                                     width="140">
                    </el-table-column>`

关于Emitted value instead of an instance of Error报错</