首页 > 其他分享 >Vue 修改对象(数组)没有立即生效

Vue 修改对象(数组)没有立即生效

时间:2022-12-15 11:11:08浏览次数:84  
标签:Vue 对象 person set 数组 生效 赋值

在写项目时遇到了给数组赋值后,出现赋值延时的问题,解决办法如下

// Vue 不能检测以下变动的数组:
// 当你利用索引直接设置一个项时,例如:
vm.items[indexOfItem] = newValue
// 当你修改数组的长度时,例如:
vm.items.length = newLength

// 当第一种情况需求时,可以使用 
this.$set(this.arr,index,newVal)

// ---------------------------------------------

// Vue 不能检测对象属性的添加或删除:
// 可以使用
this.$set(this.person,'age',12)

// 当需要添加多个对象时
Object.assign({},this.person,{age:12,name:'wee'})

参考自:vue 数组和对象不能直接赋值情况和解决方法 (shuzhiduo.com)

标签:Vue,对象,person,set,数组,生效,赋值
From: https://www.cnblogs.com/sanrenblog/p/16984528.html

相关文章

  • 找出数组中只出现一次的数字
    一个数组中,有一个数字只出现一次,其余的数都出现两次,求出那个单独的数可以使用异或或来解决这个问题,因为两个相同的数异或之后就是0,0与一个数异或还是这个数,而且异或满足交换......
  • uniapp vue3下的代理转发不生效问题,亲测有效解决
    以前配置过vuevite的代理转发,没想到在uniapp的代理转发下翻车了,其实是一个很小的问题。调试过程中,尝试了webpack、vite等写法在根目录下创建了vite.config.jsvue.co......
  • vue组件回调自己,完成动态渲染
    最近改同事留下来的bug,可能当时后端也没完全实现需求~属于双向不上心哈哈哈~上原型,通讯录选择,如下图:部门是下面有部门,下拉部门查询部门下挂的员工、进行选择第一个想到......
  • vue-router路由之路-极简教程
    01、什么是前端路由?前端路由的一个大背景就是当下流行的单页应用SPA,一些主流的前端框架,如vue、react、angular都属于SPA,那什么是SPA呢?1.1、SPASPA(single-pageapplicat......
  • vue+django项目nginx部署在https下
    vue+django项目nginx部署在https下1.问题出现这个问题的原因是在https网站下浏览器不允许发送http请求。由于django默认是http,所以肯定会报这个错误,如果网站部署在http......
  • Vue笔记6--组合式API setup
    1、组合式api-setup组合式api将同一个逻辑关注点的代码收集在一起。在组件被创建前执行,props解析完成后被作为组合式api入口。setup取代了beforeCreate()和created(),由于......
  • 每日一题之Vue的异步更新实现原理是怎样的?
    最近面试总是会被问到这么一个问题:在使用vue的时候,将for循环中声明的变量i从1增加到100,然后将i展示到页面上,页面上的i是从1跳到100,还是会怎样?答案当然是只会显示100,并不会......
  • 腾讯前端常考vue面试题(必备)
    虚拟DOM的优劣如何?优点:保证性能下限:虚拟DOM可以经过diff找出最小差异,然后批量进行patch,这种操作虽然比不上手动优化,但是比起粗暴的DOM操作性能要好很多,因此虚拟......
  • 每日一题之Vue数据劫持原理是什么?
    什么是数据劫持?定义:数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。简单地说,就是当我们触发函数的时候动......
  • 前端vue面试题汇总
    常见的事件修饰符及其作用.stop:等同于JavaScript中的event.stopPropagation(),防止事件冒泡;.prevent:等同于JavaScript中的event.preventDefault(),防止执行预设......