el-table使用v-if显示错乱问题

在使用elementUI开发项目时,发现el-table组件使用v-if判断,初次显示正常,第二次就会出现错乱问题。

1. 在el-table-column标签上添加v-if,点击按钮显示隐藏列,发现含有输入框的这一列正常显示。

el-table使用v-if显示错乱问题_第1张图片

2. 再点击按钮隐藏最后一列后,再点击按钮就会看到,含有输入框的这一些显示错乱。

el-table使用v-if显示错乱问题_第2张图片

 

解决方案:

在每一个el-table-column标签上添加 key值即可解决问题

el-table使用v-if显示错乱问题_第3张图片

你可能感兴趣的:(vue,el-table显示错乱,elementUI表格显示错乱,el-table,v-if错乱)