解决elementUI中使用checkbox无法选中的问题

解决elementUI中使用checkbox无法选中的问题

事情的开始是这样的,有一个属性是isCheck,后端是没有返回这个字段的,但是前端需要将这个属性绑定到el-checkbox上去,但是前端采用循环的方式去生成el-checkbox不行。isCheck每个都有,但是就是无法选中,原因是缺少get和set方法。

原先的写法

复制代码
循环

dataList[i].isCheck = false

上面的写法是不行的。

解决的方法。

复制代码
循环
this.$set(dataList[i],"isCheck",false)

经过$set就可以把属性设置成动态的值了。

  • 参数1是我们的item

  • 参数2是我们需要设置的属性

  • 参数3是我们设置的参数的值

相关推荐
css趣多多3 分钟前
Vue过滤器
前端·javascript·vue.js
理人综艺好会27 分钟前
Web学习之用户认证
前端·学习
●VON34 分钟前
React Native for OpenHarmony:项目目录结构与跨平台构建流程详解
javascript·学习·react native·react.js·架构·跨平台·von
We་ct44 分钟前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表
爱吃大芒果1 小时前
Flutter for OpenHarmony 实战:mango_shop 路由系统的配置与页面跳转逻辑
开发语言·javascript·flutter
qq_177767371 小时前
React Native鸿蒙跨平台实现消息列表用于存储所有消息数据,筛选状态用于控制消息筛选结果
javascript·react native·react.js·ecmascript·harmonyos
weixin_395448911 小时前
main.c_cursor_0129
前端·网络·算法
沐雪架构师1 小时前
LangChain 1.0 Agent开发实战指南
开发语言·javascript·langchain
2501_940007891 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 战绩记录功能实现
开发语言·javascript·flutter
摘星编程1 小时前
React Native + OpenHarmony:自定义useEllipsis省略号处理
javascript·react native·react.js