el-checkbox 无法动态设置勾选状态

问题

cheked 值动态变化,但是勾选状态无法动态改变

解决

v-model 与:checked 同时使用

html 复制代码
 <el-checkbox 
 class="add-shop-check" 
 v-model="renderData[0].isCheck" 
 :checked="renderData[0].isCheck" 
 @change="checked => selectChange(checked, 0)"
 ></el-checkbox>

v-modle:双向绑定:

通过修改checked的值可以控制复选框的选中状态,通过点击复选框选中或者取消选中复选框可以修改checked的值。
checked:初始选中状态:

设置复选框初始是否被选中,后期不能通过修改checked值改变复选框选中状态,也不能通过点击复选框修改checked的值。
value:单项绑定:

只能通过修改checked值改变其选中状态,不能通过点击复选框改变checked值,不能通过点击改变其选中状态,其选中状态依赖value,若想实现点击改变其选中状态可以添加change事件,通过change事件修改value值。

相关推荐
GISer_Jing13 分钟前
前端架构师视角:Electron 知识框架全解析(含实战+面试)
前端·面试·electron
全栈练习生16 分钟前
封装数字滚动动画函数
前端
zzginfo18 分钟前
JavaScript 解构赋值
开发语言·javascript·ecmascript
邂逅星河浪漫43 分钟前
【JavaScript】==和===区别详解
java·javascript·==·===
TON_G-T1 小时前
useEffect为什么会触发死循环
java·服务器·前端
Aurorar0rua1 小时前
CS50 x 2024 Notes C - 02
前端
海参崴-1 小时前
C++代码格式规范
java·前端·c++
Dxy12393102161 小时前
JavaScript 如何捕获异常:从基础到进阶的完整指南
开发语言·javascript·udp
谢尔登2 小时前
【React】setState 触发渲染的流程
前端·react.js·前端框架
摸鱼仙人~2 小时前
Vue中markdown-it基础使用教程
前端·javascript·vue.js