首页 > 其他 > 详细

vue动态渲染表格表头和列表等,视图不更新,视图错乱问题

时间:2020-07-31 16:49:03      阅读:418      评论:0      收藏:0      [点我收藏+]

当使用for循环动态渲染表头时,表格视图不更新。经检查发现,key值原先绑定的是索引,即 :key="i",导致 item.prop改变后视图更新错乱,key值更改后  :key="item.prop",问题得到解决

<template v-for="(item, i) in tableColumn">
   <vxe-table-column width="160" :key="item.prop" v-if="i === 0" :field="item.prop" :title="item.desc"></vxe-table-column>
   <vxe-table-column :key="item.prop" v-else :field="item.prop" :title="item.desc"></vxe-table-column>
</template>

 

vue动态渲染表格表头和列表等,视图不更新,视图错乱问题

原文:https://www.cnblogs.com/jianghongyun/p/13410252.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!