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

相关推荐
2601_9620662312 小时前
golang超详细基础入门教程_golang教程
前端·python·golang
单线程1213812 小时前
从案例分析 Vue3 Tokenizer 源码二
前端·javascript·vue.js
单线程_0112 小时前
从案例分析 Vue3 Tokenizer 源码二
前端·javascript·vue.js
山甫aa12 小时前
【从零开始的 Web 后端学习】文件上传一篇搞定(MultipartFile + 本地存储 + 阿里云 OSS 保姆级教程)
前端·学习·阿里云
IT毕设实战小研12 小时前
基于安卓的考研资讯系统设计与实现
android·大数据·vue.js·爬虫·python·考研·课程设计
风骏时光牛马12 小时前
AIRAGDebug智能检索链路异常定位与调试分析
前端
zzzzzz31013 小时前
36K stars 之外:如何阅读 react-bits 这样的动画交互式 React 项目
javascript·react.js·动效
ljt272496066113 小时前
Flutter笔记--envied
前端·笔记·flutter
Flynt13 小时前
React Router v8 升了之后,我花了两天才把项目跑起来
前端·typescript·preact
泯泷20 小时前
手搓JSVMM第 8 篇:函数调用:参数、返回值与调用帧
前端·javascript·前端框架