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

elementUI点击当前行更改当前行状态(数据更新DOM不更新问题解决)

<template slot-scope="{row,$index}" slot="menu"><el-button v-if="row.editable" type="text" size="small" @click="changeStatus(row,$index)">编辑</el-button><el-button v-else type="text" size="small" @click="changeStatus(row,$index)">保存</el-button>
</template>import { cloneDeep } from "lodash";changeStatus(row,index){let item = cloneDeep(this.dataList[index]);// let item = this.dataList[index];//注意直接 这么写不生效,地址内存空间不变item.editable = !row.editablethis.$set(this.dataList,index,item)//注意这句不能省略
},

cloneDeep:在很多情况下,我们都需要给变量赋值,给内存地址赋予一个值,但是在赋值引用值类型的时候,只是共享一个内存区域,导致赋值的时候,还跟之前的值保持一致性。

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

相关文章:

  • python爬取阿里巴巴商品页面数据api
  • angular-mat-select 多选 实现按选择顺序排序
  • 爬虫010_列表高级_添加_append_extend_修改_查询_in_not int_删除_del_pop_remove---python工作笔记029
  • 微服务服务拆分和远程调用
  • MySQL8.1源码安装与部署
  • algebraic reconstruction technique(ART)
  • oracle11g安装
  • 网络防御(9)
  • Spring核心与设计思想
  • 【stream的使用】使用stream.filter过滤List对象
  • Flink多流处理之connect拼接流
  • 对任意类型数都可以排序的函数:qsort函数
  • vue数据更新table内容不更新解决方法
  • 合宙Air724UG LuatOS-Air script lib API--record
  • 基于Vgg16和Vgg19深度学习网络的步态识别系统matlab仿真
  • Java分布式微服务3——Docker
  • js字符串替换
  • 网络防御(2)
  • [RCTF2019]DontEatMe
  • 6. CSS(三)
  • 计算机网络—HTTP
  • Tomcat线程池原理
  • 踩坑 视觉SLAM 十四讲第二版 ch13 编译及运行问题
  • 【设计模式】-装饰器模式
  • 七月学习总结
  • Camunda 7.x 系列【6】Spring Boot 集成 Camunda 7.19
  • Kubernetes —调度器配置
  • 【微信小程序】申请蓝牙、位置和数据库等相关权限
  • ORB-SLAM2学习笔记6之D435i双目IR相机运行ROS版ORB-SLAM2并发布位姿pose的rostopic
  • 【数据结构与算法——TypeScript】哈希表