el-checkbox状态值修改而样式不修改的原因

el-checkbox状态值修改而样式不修改的原因

首先,是最近项目遇到的一个坑

需求是:我先调接口,获取到所有的没有选中状态的checkbox的label值等各项属性并渲染,随后再调接口获取到已选择的checkbox,并渲染到页面,之后可修改起是否取消勾选

问题:调用接口后渲染了页面已选择,但是我再次修改那个checkbox的状态时无法修改,但是打印出来的值的checked状态是有改变的

原本的做法:

// 调用接口后给每一项已选择的对象添加一个checked:true的属性及值,checked是在checkbox中判断是否选择
oneItem.checked = true;

错误原因:数组修改,数据不双向绑定,所以我后续的修改,无法再改变其状态

修改:

// 使用$set, 进行双向绑定
this.$set(oneItem, "checked", true);

以上,checked可进行选择初始化,并后续可正常修改

猜你喜欢

转载自blog.csdn.net/qq_51741730/article/details/126845764