Element Table使用复选框时,改变复选框状态时,数据改变,视图不变
先说明一下问题场景:
使用了Element UI 的 Table组件,其中多列用到了复选框组件。当修改复选框状态时,数据发生了变化,视图却没有改变。
<el-table-column label="读" :width="screenWidth <= 768?40:''">
<template slot-scope="scope">
<el-checkbox
v-model="scope.row.isRead"
:checked="scope.row.isRead"
@change=checkList
></el-checkbox>
</template>
</el-table-column>
复选框勾选切换,发现视图一直没变化,但是控制台观察数据是变化的。
解决办法:选择复选框时增加@change事件,给Table数据增加splice()方法this.xx.splice();
checkList(){
this.grantedUserList.splice()
},```