在使用elementUI开发项目时,发现el-table组件使用v-if判断,初次显示正常,第二次就会出现错乱问题。
1. 在el-table-column标签上添加v-if,点击按钮显示隐藏列,发现含有输入框的这一列正常显示。
2. 再点击按钮隐藏最后一列后,再点击按钮就会看到,含有输入框的这一些显示错乱。
解决方案:
在每一个el-table-column标签上添加 key值即可解决问题
在使用elementUI开发项目时,发现el-table组件使用v-if判断,初次显示正常,第二次就会出现错乱问题。
1. 在el-table-column标签上添加v-if,点击按钮显示隐藏列,发现含有输入框的这一列正常显示。
2. 再点击按钮隐藏最后一列后,再点击按钮就会看到,含有输入框的这一些显示错乱。
解决方案:
在每一个el-table-column标签上添加 key值即可解决问题