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

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

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

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

原本的做法：

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

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

修改：

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

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

el-checkbox状态值修改而样式不修改的原因相关推荐

做html时css经常无效果,修改CSS样式无效有什么原因？
修改CSS样式为什么会无效?原因是什么?下面本篇文章就来给大家介绍一下修改CSS样式无效的原因,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 一.HTML 标签未关闭这是版面设计 ...
html修改字体华文彩云,CSS里怎么修改字体样式?需要修改字体和居中显示
运行迅捷CAD编辑器专业版软件: 我们点击菜单栏里的"文字"快捷键图标,在打开的CAD绘图窗口里,创建一个单行文字. 步骤二:格式(O)-文字样式管理(X) 我们找到菜单栏里的 ...
html5 js 修改css样式,JavaScript修改css样式style_javascript技巧_脚本之家
一.局部改变样式分为改变直接样式,改变className和改变cssText三种.需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把"N&quo ...
elementUI中修改el-input样式
elementUI中修改el-input样式动态修改样式在el-input 标签中添加:class 并绑定计算属性 <el-input clearable v-model="for ...
JS DOM属性和操作 DOM样式的修改
1.节点属性的设置对象.属性名=值;对象[属性名]=值;obj.setAttribute(pro,value)2.节点属性值的获取:对象.属性名对象[属性名]obj.getAttribute(pro) ...
css 对checkbox样式进行修改
使用伪类元素对checkbox样式进行修改边框样式在before中修改,"\2713"为字符表勾选字符<style>input[type="checkbox& ...
使用css修改checkbox选择框的样式
二. 修改思路: 给原本的checkbox框加上visibility: hidden;属性,使其隐藏同时又占据原本在页面上面的位置,说直白点就是,使checkbox看不见,但是仍然占有原来的位置. 然 ...
修改confirm样式
修改confirm样式我是怎样修改的confirm的样式实际上我并没有修改conform的样式而是采用的jquery-ui的dialog插件需求在点这个红叉的时候删除掉一行数据并且在删除前 ...
elementUi【下拉框】样式修改无效或者无法修改？
先提前做个demo <!DOCTYPE html> <html><head><meta charset="utf-8" />< ...

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

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

el-checkbox状态值修改而样式不修改的原因相关推荐

最新文章

热门文章