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值。

相关推荐
绝世唐门三哥6 分钟前
OpenClaw 安装 + 手动配置 DeepSeek 模型(2026.4.5 版)
前端·oepn claw
来一颗砂糖橘7 分钟前
吃透 ES6 扩展运算符(...):从表面语法到底层逻辑,避开所有坑
前端·javascript·es6·扩展运算符·前端进阶
前端小D12 分钟前
JS模块化
开发语言·前端·javascript
Muen19 分钟前
iOS开发-适配XCode26、iOS26
前端
ByteCraze20 分钟前
JavaScript 深拷贝完全指南:从入门到精通
开发语言·javascript·ecmascript
用户842981424181024 分钟前
3个Html加密工具
javascript
卸任44 分钟前
Electron霸屏功能总结
前端·react.js·electron
fengci.44 分钟前
ctfshow黑盒测试前半部分
前端
忆琳1 小时前
Vue3 优雅解决单引号注入问题:自定义指令 + 全局插件双方案
vue.js·element
忆琳1 小时前
Vue3 全局自动大写转换:一个配置,全站生效
javascript·element