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

vue 使用this.$set设置对象属性值时,不更新试图

 vue 使用this.$set设置对象属性值时,不更新试图。

后来发现是因为若对象中存在该属性时,只更新值,不添加响应监测。

//vue/src/core/observer/index.js 源码片段/*** Set a property on an object. Adds the new property and* triggers change notification if the property doesn't* already exist.*/
export function set (target: Array<any> | Object, key: any, val: any): any {if (process.env.NODE_ENV !== 'production' &&(isUndef(target) || isPrimitive(target))) {warn(`Cannot set reactive property on undefined, null, or primitive value: ${(target: any)}`)}if (Array.isArray(target) && isValidArrayIndex(key)) {target.length = Math.max(target.length, key)target.splice(key, 1, val)return val}if (key in target && !(key in Object.prototype)) {target[key] = valreturn val}const ob = (target: any).__ob__if (target._isVue || (ob && ob.vmCount)) {process.env.NODE_ENV !== 'production' && warn('Avoid adding reactive properties to a Vue instance or its root $data ' +'at runtime - declare it upfront in the data option.')return val}if (!ob) {target[key] = valreturn val}defineReactive(ob.value, key, val)ob.dep.notify()return val
}

解决办法:使用this.$delete先删除已经存在的属性值

if(request_name in this.request_error)this.$delete(this.request_error,request_name)
http://www.lryc.cn/news/169738.html

相关文章:

  • uniapp视频播放功能
  • Java面向对象七大原则以及设计模式单例模式和工厂模式简单工厂模式
  • Linux 遍历目录(cd 命令)
  • 整合Nginx实现反向代理
  • Linux:IP转INT详解
  • 43.MQ—RabbitMQ
  • Leetcode154. 寻找旋转排序数组中的最小值(存在重复元素)
  • docker查看镜像的latest对应的具体版本
  • RabbitMQ深入 —— 死信队列
  • 【React + Umi】自定义离开页面拦截弹框事件
  • S1FD40A180H-ASEMI快恢复二极管S1FD40A180H
  • 网络编程 day1
  • 《深入PostgreSQL的存储引擎:原理与性能》
  • python开发之个微群聊机器人的开发
  • 【Redis7】--4.事务、管道、发布和订阅
  • 【Vue】el 和 data短小精湛的细节!
  • 前端screenfull实现界面全屏展示功能
  • Dockerfile 制作常用命令总结
  • uniapp项目实践总结(十七)实现滚动触底加载
  • SAP入门到放弃系列之QM质量检验流程概述
  • Ansys Zemax | 光学系统设计中如何使用玻璃替换方法来优化玻璃
  • springboot基础--实现默认登录页面
  • TDesign WXS语法
  • Iterator设计模式
  • ROS 入门
  • 第四章 Linux网络编程
  • 无涯教程-JavaScript - OFFSET函数
  • rust切片
  • 2023/9/18 -- C++/QT
  • vue柱状图+折线图组合