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

相关推荐
老华带你飞2 分钟前
个人健康系统|健康管理|基于java+Android+微信小程序的个人健康系统设计与实现(源码+数据库+文档)
android·java·vue.js·微信小程序·论文·毕设·个人健康系统
JIngJaneIL6 分钟前
停车场管理|停车预约管理|基于Springboot+的停车场管理系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·notepad++·停车场管理|
晴殇i6 分钟前
用户登录后,Token 到底该存哪里?从懵圈到精通的全方位解析
前端·面试
零一科技15 分钟前
Vue3学习第七课:(Vuex 替代方案)Pinia 状态管理 5 分钟上手
前端·vue.js
吃饺子不吃馅15 分钟前
受够了 create-xxx?我写了一个聚合主流框架的脚手架
前端·面试·架构
Achieve前端实验室24 分钟前
深度解析 JavaScript 作用域与作用域链
前端·javascript·面试
讨厌下雨的天空37 分钟前
缓冲区io
linux·服务器·前端
xhxxx1 小时前
《深入理解 JavaScript 对象:属性命名、访问与遍历的那些细节》
前端·javascript
BBB努力学习程序设计1 小时前
Web App开发基础知识:从零构建现代化Web应用
前端·html
BBB努力学习程序设计1 小时前
使用Bootstrap框架搭建简单页面:快速构建现代化网站
前端·html