vue 2 vue.$set不生效 或者 数据更新，视图不更新

最新推荐文章于 2024-07-19 15:52:56 发布
最新推荐文章于 2024-07-19 15:52:56 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： 新手 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47338877/article/details/126495258
版权

正常清空的数据更新，视图不更新不细说了

首先 vue 初始化data 的数组 对象都会被observe 监听
在这里插入图片描述

但是如果 把一个数据的对象 重置他的data里面某一个对象 data某对象 里面 observe会失效
在这里插入图片描述

此刻 虽然你的data 挂在了对象 但是这个对象里面嵌套的对象都会失去 监听 不会触发任何watch 包括deep 即使你通过set 去绑定劫持 你也只是 去$set 并没有 通知视图的改变 当然你可以通过强制刷新触发视图 不然的话 他就不会去get 新数据

1 s e t 不生效可以强制刷新 t h i s . set 不生效 可以强制刷新this. set不生效可以强制刷新this.forceUpdata()

2 重置vue的data的时候需要注意 是否遗漏属性，如果后期还是需要这个属性，重置时给一个初始值 或者 后面第一次加属性时 $set

Amao?
关注
专栏目录
$set解决vue中修改数组或对象视图不更新的问题
hhhhhhhssss的博客
07-16 1795
文章目录前言一、案例二、解决方法$set总结 前言 相信大家和我一样，在开发中总是遇到一个问题。 为啥我修改v-for遍历的数组，视图却没有更新？？？当我点击其他操作重新渲染后，又更新了？？？这不会是vue出bug了吧 这项问题其实正是由vue的双向绑定造成的，vue在2.x的版本中还在使用defineProperty方法，这就是defineProperty中的一个问题。所以在vue3.0中，使用了proxy取代了defineProperty。对此本文不多做解释，有兴趣的朋友可以去查阅下资料。 回到正
vue中$set的使用(结合在实际应用中遇到的坑)
08-27
主要介绍了vue中$set的使用(结合在实际应用中遇到的坑),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue2 this.$set 不起作用问题。
m0_65730686的博客
12-04 711
'收起' :'回复' }} =={{ item.replyObj.length }} =={{ item.flag }}// 因为第一次key已经存在，来回切换的话需要先删除在重新设置。
Vue this.$set()更新数组的数据、table的数据，视图不更新
最新发布
qq_38572963的博客
07-19 328
Vue this.$set()更新数组的数据、table的数据，视图不更新,this.$set(this.list,index,newItem)无效
vue父组件变量变动子组件props接收没有更新/响应
Bryce96的博客
10-17 660
vue父组件变量变动子组件props接收没有更新/响应
vue $set 失效
m0_37634363的博客
08-13 3382
图中圈起来的部分，设置了 $set 之后，期望是表单对应的 gstjbm 字段会自动改变数据，然而实际是 mainForm 的值变了，但是页面没有刷新。 问：问什么 $set 失效了？ 解决：打断点进源码看看逻辑 代码执行到 1085 行（第一个断点的地方）就 return 了。这个是因为我们一开始就执行了 this.mainForm.gstjbm = '' 这样设置之后，就会满足第一个断点的逻辑。代码就没有跑下去 我们知道 vue2 是通过 get set 方式进行...
Vue使用$set失效
wsj8848的博客
05-24 989
vue中使用$set失效
Vue.$set 失效 坑 问题发现及解决
热门推荐
kyoog的博客
09-12 3万+
偶然在项目中发现Vue.$set失效   有这样一个需求 添加数据过滤用 左边是控件选择 中间是条件 右边是值 因为会根据控件不同渲染不同的值选项控件   <el-form inline > <el-form-item style="margin-bottom: 20px;"> <el-select v-model=...
Vue中this.$set无效问题
ddd
03-10 6124
vue.set/this.set无效的解决方案
vue双向绑定失效，视图不更新，$set()失效解决办法
moanuan的博客
12-08 7483
vue开发遇到的数据更新视图不更新问题 *在开发过程中我们经常会遇到数据更新视图不更新问题，所以会用到一些方法解决问题， 1、先尝试使用深度监听 telShow:{ handler(val){ console.log(val) }, deep:true, immediate:true, } 2、如果是数组对象使用$set方式改变数据内容 this.$set(item1,'value',saveValue); （数组或者对象，增加名称，内容） 3、$set()解决不了使用this.$for
Vue中this.$set的用法(解决数组、对象修改后不更新问题)
XinKun的博客
03-01 3万+
一、this.$set实现什么功能，为什么要用它？ 当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了，简单来说this.$set的功能就是解决这个问题的啦。官方解释：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi’). 二、怎么用它？ 举个例子： 1.Vu
vue2.0中set添加属性后视图不能更新的解决办法
12-09
在Vue 2.0中，数据绑定是基于数据响应式的，这意味着当数据对象中的属性发生变化时，视图会自动更新以反映这些变化。然而，有时我们可能会遇到一个情况，即在尝试通过`Vue.$set`添加新属性后，视图并未如预期那样...
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
10-15
在这种情况下，确保数据赋值操作发生在Vue可以检测到变化的地方，比如在`Vue.set`、`this.$set`或者上述的`mounted`钩子中。 总之，解决Vue中使用bus总线时第一次路由跳转数据未成功传递的关键在于理解Vue的生命...
vue使用this.$set更新视图为什么只能更新一次
05-24
如果你使用 `this.$set` 方法更新了一个响应式属性，但是更新后并没有触发视图更新，可能是因为你没有在更新后进行 `this.$forceUpdate()`，或者你在更新后没有等待 Vue 的异步更新执行完毕。 不过一般情况下，如果...
使用this.$set无效，不更新视图
周凤伟的博客
06-09 6737
使用this.$set无效，不更新视图
【Vue进阶】双向绑定视图不更新，$set()失效的解决方法
  ╭じò ぴé╮。Qi
08-26 2826
在开发的过程中，我们经常遇到数据更新后，而视图不更新的情况，有的使用`this.$set()`就能解决，然而有的即使用了`this.$set()`视图也不更新。特此记录下处理“**数据更新后而视图不更新**”问题的解决方法。
vue2 $set 方法 与 = 号 为对象添加新值不起作用得原因
callBack_____的博客
06-04 1017
是否有很多小伙伴在在学习vue2得时候会遇到 data里新建了一个对象 obj ，而且需要动态得向obj里添加新的值，然而当你才思泉涌 想要直接用 this.obj.[新的属性] = [新的属性值] 的时候 你会发现一切都是徒劳，页面并没有变化，那么这究竟是为什么那？那么接下来 小call 就带你深度了解一下vue 双向绑定的原理。在了解双向绑定的原理与$set 方法之前，我们要先来了解一个方法相信有很多学习前端的小伙伴在学习js的时候 见过或者学习过这个方法。那么他是用来干什么的那？话不多说直接上代码最后
vue $set无效
为啥不能换名字的博客
09-25 3210
我这个数组一开始没有单价到分摊优惠金额这些字段 于是 我就 this.$set(this.dataForm.paymentList,index,row);发现这样set整个list数组无效 正确方法set你对应一开始没有的字段 this.$set(row,"dealPrice",row.dealPrice); this.$set(row,"pa...
this.$set第一次不生效
lys20000913的博客
10-29 2700
今天遇到的小问题呢是 表单中添加用到下拉菜单或者selected来回显其他表格内容 一开始呢 很简单使用 $se t解决 但是后来发现第一次点击的时候没有反应 当点击其他地方的时候才会出发 input的回显 后来去看了一下文档 Vue文档 所以在你触发渲染一个对象中未定义的属性时需要先给对象定义一个控制 比如 /*错误写法*/ var a={} a.a='1' this.$set(a,...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值