当前位置: 首页 > news >正文

uniapp项目中,在原有数据中增加选中的状态,数据不改变

uniapp项目中,在原有数据中增加选中的状态,选中后打印的数据显示有变化,然而文本的数据并没有发生变化

看代码

export default {data() {return {thicate: [{ id: 1, text: "Item 1" },{ id: 2, text: "Item 2" },{ id: 3, text: "Item 3" }],thicate: []};},methods :{selectSure(index){let _this = this;_this.thicate[index].select = !_this.thicate[index].selectthis.thicate = [...this.thicate] //主要加这段代码console.log(_this.thicate)}}
};

在选择数据的时候,需要加上 this.thicate = [...this.thicate];因为在Vue中直接修改数组中的元素(例如使用循环遍历并修改每个元素)不会触发 Vue 的响应式机制,需要重新将数组赋值才能改变状态

http://www.lryc.cn/news/426696.html

相关文章:

  • WPF自定义控件
  • Java中的全局异常处理器 -- GlobalExceptionHandler
  • R语言文本挖掘-万字详细解析tm包
  • JWT中的Token
  • 苹果在iOS 18.1中向第三方开发者开放iPhone的NFC芯片
  • 系统开发之禁止卸载应用名单
  • wait 和 notify
  • docker 启动 mongo,redis,nacos.
  • Docker Swarm 搭建
  • 浅述TSINGSEE青犀EasyCVR视频汇聚平台与海康安防平台的区别对比
  • 设计模式系列:策略模式的设计与实践
  • 数据挖掘之数据预处理
  • RocketMQ核心知识点整理,值得收藏!
  • 微信小程序骨架屏
  • Window下node安装以及配置
  • 校园疫情防控系统--论文pf
  • 在Debian 9上使用Apt安装Java的方法
  • 人工智能在网络安全中的三大支柱
  • rk3568mpp终端学习笔记
  • 【C++继承】赋值兼容转换作用域派生类的默认成员函数
  • HTML5+JavaScript绘制彩虹和云朵
  • MySQL——单表查询(二)按条件查询(2)带 IN 关键字的查询
  • 【mysql】mysql 用户管理---创建、权限管理等等
  • 本地服务器物理机中redis设置、取消密码
  • 关于xilinx的FFTIP的使用和仿真
  • ant design pro 如何去保存颜色
  • 【Hadoop】建立圈内组件的宏观认识
  • C++:命名空间与输入输出
  • Azure DevOps Server 数据库日志已满,TF30042: The database is full
  • [C#]OpenCvSharp 实现Bitmap和Mat的格式相互转换