Vue中使用$set()赋值，js直接赋值不生效的时候

最新推荐文章于 2024-06-03 16:02:23 发布
最新推荐文章于 2024-06-03 16:02:23 发布
阅读量7.2k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011998957/article/details/107809238
版权

Vue中的$set()的使用

今天在使用vue的时候，form表单中的有个属性是disabled，其数据是接口返回后赋值，赋值后页面有显示但是非空校验还是提示是空的：
form里面在这里插入图片描述
还是提示

this.form.optnCode = item.optnCode

我开始就是像上面这样直接用js赋值的方式填值，但是校验不通过，我想这样给值应该是没影响form表单中校验对应的数据，后来百度看到有人用vue的$set()成功了！正确的写法是：

this.$set(this.form, 'optnCode', item.optnCode)
pengliling
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 数组和对象不能直接赋值情况和解决方法(推荐)
01-19
Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 当第一种情况需求时，可以使用this.$set(this.arr...
vue2.0中set添加属性后视图不能更新的解决办法
12-09
然而，这种方法并不总是必要的，因为如果`vm.someObject`是一个响应式的对象（即在Vue实例的`data`选项中定义），那么直接使用`Vue.$set`应该就能正常工作。问题可能在于`email`和`fax`属性最初没有定义在`data`中，...
使用this.$set无效，不更新视图
周凤伟的博客
06-09 6655
使用this.$set无效，不更新视图
this.$set() 不生效
随身笔记
05-06 1378
但是实际应用中有的时候我们使用this.$set()改变了值，但是视图依旧没有发生变化，这个时候需要使用先this.$delete()在使用this.$set()，确保能够出发视图。this.$set()主要功能是解决改变数据时未驱动视图的改变的问题，也就是实际数据被改变了，但我们看到的页面并没有变化。
vue项目this.$set失效检查是否设置为null，需要改成this.$delete
最新发布
weixin_69677630的博客
06-03 147
vue项目this.$set失效检查是否设置为null，需要改成this.$delete
Vue中this.$set无效问题
ddd
03-10 6055
vue.set/this.set无效的解决方案
【Vue进阶】双向绑定视图不更新，$set()失效的解决方法
  ╭じò ぴé╮。Qi
08-26 2730
在开发的过程中，我们经常遇到数据更新后，而视图不更新的情况，有的使用`this.$set()`就能解决，然而有的即使用了`this.$set()`视图也不更新。特此记录下处理“**数据更新后而视图不更新**”问题的解决方法。
vue2 this.$set 不起作用问题。
m0_65730686的博客
12-04 647
'收起' :'回复' }} =={{ item.replyObj.length }} =={{ item.flag }}// 因为第一次key已经存在，来回切换的话需要先删除在重新设置。
vue data对象重新赋值无效(未更改)的解决方式
10-15
在Vue.js中，数据绑定是基于数据响应式的，这意味着当你修改`data`对象中的属性时，Vue会自动追踪这些变化并更新对应的视图。然而，当你尝试直接赋值给一个对象属性，Vue可能无法检测到这个变化，导致视图没有更新。...
Vue动态生成el-checkbox点击无法赋值的解决方法
12-03
在Vue.js开发中，我们经常会遇到动态生成组件的需求，特别是在构建表单时。Element UI是一个常用的前端组件库，它的`el-checkbox`组件用于创建复选框。然而，当我们尝试使用v-model动态绑定数据时，可能会遇到一些...
this.$set给自己赋值不生效，需重新赋值一个变量【vue】
huangfuyk.的博客
02-18 2253
$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 948
vue中使用$set失效
Vue.$set 失效 坑 问题发现及解决
热门推荐
kyoog的博客
09-12 3万+
偶然在项目中发现Vue.$set失效   有这样一个需求 添加数据过滤用 左边是控件选择 中间是条件 右边是值 因为会根据控件不同渲染不同的值选项控件   <el-form inline > <el-form-item style="margin-bottom: 20px;"> <el-select v-model=...
绑定值改变，界面无效果问题---$set
chenZH0975的博客
10-31 1494
问题：v-model双向绑定时，在方法里对这个绑定值进行更改时，console.log打印出来的是正确的值，而界面却无效果
Vue-给对象新增响应式属性（使用Vue.$set()或者Object.assign()）
陈坚泓的博客
10-30 2万+
Vue.$set给对象新增属性 在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，不会更新视图。 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性...
vue 2 vue.$set不生效 或者 数据更新，视图不更新
weixin_47338877的博客
08-24 1590
1
this.$set解决添加对象属性后，页面不显示效果的问题
aimoaimoaimo的博客
06-28 1113
this.$set解决添加对象属性后，页面不显示效果的问题
关于js的. innerHTML赋值无效问题
a20001999的博客
10-23 5638
今天遇到了一个关于js的innerHTML赋值失败的问题，不管怎么赋值，永远都是空的，什么也得不到，也查了很多网上大家的回答，但是都解决不了，然后我单独新建了一个页面，就只写赋值，发现可以了，我又回到原来的那个页面(内容比较多)，发现又不可以，就很奇怪，后来经过我的反复测试，发现了解决方法: 只要把你要赋值的那一行放在window. onload的第一行就可以了，就像这样: window. οnlοad= function(){ var a=得到id a.innerHTML=" hello"; … }; 同
form表单使用setFildesValue 赋值不成功问题
萧萧的博客
08-30 1万+
在使用antdform表单的时候，肯定会使用到它里面的setFieldsValue【赋值】、getFieldsValue【获取值】，两个api，但是小编在使用的过程中遇到一个问题就是使用setFieldsValue赋值，有的时候并不能生效，后面小编查了下这个方法的说明，感觉是小编在初始化的时候赋值有点早了，后面小编在赋值的时候加了一个异步（setTimeout）就好使了。 具体有...
vue 如何使用$set赋值
06-09
在Vue中，如果要动态地添加或修改一个对象的属性，可以使用Vue实例的$set方法。$set方法接收三个参数：对象、属性名和属性值。例如： ```javascript // 在Vue实例中添加一个名为obj的对象 this.obj = {} // 通过$set方法动态添加一个属性 this.$set(this.obj, 'name', 'Tom') ``` 如果不使用$set方法，直接给对象添加属性，则新添加的属性不会被Vue检测到，也不会触发视图的更新。因此，使用$set方法能够确保添加的属性能够被Vue监测到，从而更新视图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值