解决this.$set()不更新问题

已于 2022-10-08 10:46:57 修改
阅读量4.7k 收藏 14
点赞数 10
分类专栏： VUE 文章标签： 前端 vue.js javascript
于 2022-09-07 16:14:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_61006976/article/details/126748105
版权

我在做一个附件删除功能的时候发现，明明打印出来附件已经没有数据了但是页面就是不刷新， this.$set()不生效

this.$set()方法有一种情况，就是当你要设置的key已经存在于这个对象或数组中的时候，它只会更改data并不会为该key添加响应检测，所以解决这个问题的办法就是在设置值之前先把这个属性删除掉，然后再进行this.$set

解决办法：

this.$delete(row, 'attachment')，先把属性名字删掉

 这样就解决this.$set()不生效的问题

是阿瑶呀~
关注
  • 10
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
bug管理level1_7【this.$set失效问题】
qq_41436056的博客
11-24 1016
方向: 语法 描述: 在使用iview图片上传时，使用了this.set在handleRemove(file)()函数中强制对this.uploadList进行数据更新以实现删除的效果，但使用this.$set时发现并为未生效，在循环中打印的this.uploadList内容没变 出现原因: 推测是this.$set没生效 技术栈: vue+iview 疑问: this.$set是最近才接触到的，用来解决数据未回显问题（通常数据打印是正确的，但通过v-model绑定是dom元素没有更新），未生效可能是
vue2.0中set添加属性后视图不能更新的解决办法
12-09
今天在工作中遇到一个问题，郁闷了很久，特地写一篇博客记录一下，方便以后再遇到可以查找，也分享个各位小伙伴，在网上查找很多资料说用Vue.$set设置属性后视图也会更新，但是真相并不是这样，通过等于号赋值和$set方法我都试了，前台属性值改变但是视图并没有改变，下面上图： 我需要做的就是下面的Email和Fax属性的值从第一排的输入框用户输入获取，但是输入过后下面的文本框的值并为发生变化，在浏览器console却发现值已经改变了，这让我很郁闷，网上搜了一堆答案都没有解决，后面查看vue官网有个delete方法，如果我先把这个属性delete再重新set是否可以，如图： 　　　　　　　　　　　
解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等）
10-18
主要介绍了解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等），解决方法是使用this.$forceUpdate()强制刷新，文章给大家分享了代码案例，需要的朋友参考下吧
uniapp使用 uview组件的u-waterfall，this.$set无效，数据改变视图不变，修改某个item某个属性无效，解决办法
最新发布
feiyu的博客
02-05 654
uview1.x, u-waterfall组件，this.$set, 数据改变视图不变
vue2 $set 方法 与 = 号 为对象添加新值不起作用得原因
callBack_____的博客
06-04 887
是否有很多小伙伴在在学习vue2得时候会遇到 data里新建了一个对象 obj ，而且需要动态得向obj里添加新的值，然而当你才思泉涌 想要直接用 this.obj.[新的属性] = [新的属性值] 的时候 你会发现一切都是徒劳，页面并没有变化，那么这究竟是为什么那？那么接下来 小call 就带你深度了解一下vue 双向绑定的原理。在了解双向绑定的原理与$set 方法之前，我们要先来了解一个方法相信有很多学习前端的小伙伴在学习js的时候 见过或者学习过这个方法。那么他是用来干什么的那？话不多说直接上代码最后
博客使用方法
justwaityou1314的博客
06-09 1497
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
使用this.$set无效，不更新视图
周凤伟的博客
06-09 6482
使用this.$set无效，不更新视图
this.$set() 不生效
随身笔记
05-06 1123
但是实际应用中有的时候我们使用this.$set()改变了值，但是视图依旧没有发生变化，这个时候需要使用先this.$delete()在使用this.$set()，确保能够出发视图。this.$set()主要功能是解决改变数据时未驱动视图的改变的问题，也就是实际数据被改变了，但我们看到的页面并没有变化。
Vue中this.$set无效问题
ddd
03-10 5832
vue.set/this.set无效的解决方案
【Vue进阶】双向绑定视图不更新，$set()失效的解决方法
  ╭じò ぴé╮。Qi
08-26 1925
在开发的过程中，我们经常遇到数据更新后，而视图不更新的情况，有的使用`this.$set()`就能解决，然而有的即使用了`this.$set()`视图也不更新。特此记录下处理“**数据更新后而视图不更新**”问题的解决方法。
vue2 this.$set 不起作用问题。
m0_65730686的博客
12-04 509
'收起' :'回复' }} =={{ item.replyObj.length }} =={{ item.flag }}// 因为第一次key已经存在，来回切换的话需要先删除在重新设置。
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
微信小程序报错：this.setData is not a function的解决办法
11-28
微信小程序 报错：this.setData is not a function 在page中定义的代码如下，代码会报错：this.setData is not a function <strong> pasteEncryptedText:function()</strong>{ let decryptedPass = this.data....
Vue中使用$set()赋值，js直接赋值不生效的时候
u011998957的博客
08-10 7171
Vue中的$set()的使用 今天在使用vue的时候，form表单中的有个属性是disabled，其数据是接口返回后赋值，赋值后页面有显示但是非空校验还是提示是空的： this.form.optnCode = item.optnCode 我开始就是像上面这样直接用js赋值的方式填值，但是校验不通过，我想这样给值应该是没影响form表单中校验对应的数据，后来百度看到有人用vue的$set()成功了！正确的写法是： this.$set(this.form, 'optnCode', item.optnCod
$set不生效问题记录
LAFINSIR的博客
01-21 915
$set不生效问题记录 今天遇到了一个改变数据之后视图不改变的bug。总所周知在vue中，改变对象和数组的时候往往需要用到set，今天就遇到了一个问题，第一遍进入视图（是个弹窗）set，今天就遇到了一个问题，第一遍进入视图（是个弹窗）set，今天就遇到了一个问题，第一遍进入视图（是个弹窗）set是生效的，关闭弹窗之后再进入，$set就不生效了 methods:{ onContextmenu(event) { //阻止系统右键菜单 event.preventDefault();
this.$set给自己赋值不生效，需重新赋值一个变量【vue】
huangfuyk.的博客
02-18 2200
$set如下这样写是不行，还得重新赋值个变量(前提是已经拿到this.formData.actualQty的值，但是页面不显示)。 错误示范： this.formData.actualQty= Number(this.formData.actualEa * this.formData.minPackLevel) + Number(this.formData.actualParts); this.$set(this.formData, 'actualQty', this.formData.actualQty
Vue使用$set失效
wsj8848的博客
05-24 794
vue中使用$set失效
this.$set第一次不生效
lys20000913的博客
10-29 2670
今天遇到的小问题呢是 表单中添加用到下拉菜单或者selected来回显其他表格内容 一开始呢 很简单使用 $se t解决 但是后来发现第一次点击的时候没有反应 当点击其他地方的时候才会出发 input的回显 后来去看了一下文档 Vue文档 所以在你触发渲染一个对象中未定义的属性时需要先给对象定义一个控制 比如 /*错误写法*/ var a={} a.a='1' this.$set(a,...
上文中this.$set不起作用
01-06
为了解决上文中this.$set不起作用的问题，你可以按照以下步骤进行排查和修复： 1. 检查代码中的语法错误，确保this.$set()方法的调用语法正确。2. 确保this.$set()方法在Vue实例的方法中使用，例如在mounted()生命...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值