解决使用 el-table 中使用多选框 Checkbox 不刷新问题

Posted penglianger

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决使用 el-table 中使用多选框 Checkbox 不刷新问题相关的知识,希望对你有一定的参考价值。

问题

在 el-table 中使用 Checkbox 仅作为展示时,v-model 双向绑定就变得不那么适用了,这时候我们会使用 checked 属性来代替v-model。

问题来了当使用 filter 过滤 table 的数据时 vue 可能检测不到 checked 值的改变。

解决方法

Checkbox 仅展示的时候使用 value 属性代替 v-model。

以上是关于解决使用 el-table 中使用多选框 Checkbox 不刷新问题的主要内容,如果未能解决你的问题,请参考以下文章

el-table表格合并行时多选框选中/取消单号相同数据

element-ui中el-table的多选默认选中

vue elementUI实现el-table点击行单选, 点击行多选,点击复选框单选效果

改变默认的多选框 checkbox 样式~

el-table增加多选框并在表头增加全选字样

VUE ElementUI 表格多选框实现单选