vue动态为数据添加新属性遇到的问题

最新推荐文章于 2024-05-24 11:30:21 发布
最新推荐文章于 2024-05-24 11:30:21 发布
阅读量5.1k 收藏 1
点赞数 1
分类专栏： vue 文章标签： 数据 vue set
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Seety_ST/article/details/72912045
版权

vue为数据添加属性时遇到的坑，通过self.book[i].[‘cur’]=false;动态为数据添加属性时，数据变化了，但是视图没有发生更新。
具体原因不明白。。。。
解决方法：通过 set来添加属性this. set(self.book[i],’cur’,false);
这样子来设置，就没问题了
这里写图片描述
这里写图片描述

Seety_ST
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于vue给对象动态添加属性页面不会动态更新的问题
06-28 558
问题描述 在vue页面data中初始化一个对象，后通过代码给对象添加一个属性，后发现数据对象中添加成功并且可以改变 ，但页面没有进行更新。 原因所在 解决办法 转载于:https://www.cnblogs.com/wjl-boke/p/11101069.html...
Vue用v-for给循环标签添加属性
weixin_43788587的博客
08-15 1020
Vue用v-for给循环标签添加属性
vue列表数据添加和删除实例
最新发布
m0_74455866的博客
05-24 226
vue列表数据添加和删除实例
Vue中关于v-for循环时添加key属性问题与理解
qq_52753587的博客
12-02 1724
Vue中关于v-for循环时添加key属性问题与理解
使用 vue 和js循环数组对象，动态赋值ref属性，并且通过ref属性动态渲染多个图表
qingqing37的博客
07-17 1565
【代码】使用 vue 和js循环数组对象，动态赋值ref属性，并且通过ref属性动态渲染多个图表。
VUE循环动态添加ref属性,及动态判断获取哪个
xu_duo_i的博客
11-29 1614
特别注意:this.$refs[e.pym][0]这个双方括号取值语法 很关键,我就在这浪费2小时 特别注意:classList.toggle('dis') class的特别方法,也特别好用(没有添加这个属性, 有就 删除) 可以很好的利用这一特性控制同一按钮 点击添加属性再点击删除属性
解决vue动态为数据添加新属性遇到的问题
12-09
vue为数据添加属性时遇到的坑，通过self.book[i].[‘cur’]=false;...以上这篇解决vue动态为数据添加新属性遇到的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
在Vue组件上动态添加和删除属性方法
08-27
`$set`方法使得`obj`属性能够被Vue的依赖追踪机制所识别，即使在添加时属性不存在于原始数据对象中。 而`$delete`方法则用于从响应式对象中删除一个属性，同时也会解除该属性与视图之间的绑定关系。如果我们不再...
VUE 实现动态给对象增加属性，并触发视图更新操作示例
10-15
需要注意的是，`Vue.set`不能用于给根级数据对象（即直接在`data`选项中声明的属性）动态添加属性。如下面的无效示例所示： ```html ()" value="setName"> var vm = new Vue({ el: "#app", data: {}, ...
vue动态加载SVG文件并修改节点数据的操作代码
11-19
总的来说，这个项目涉及到SVG动态加载、跨域问题的解决、事件监听和用户交互的实现，以及SVG数据的动态更新。通过不断试验和学习，我们最终找到了满足需求的解决方案。这个过程体现了在面临复杂技术问题时，开发者...
el-form-item prop属性动态绑定不生效
weixin_45890564的博客
07-30 3174
做项目时表单有一项需要有条件展示是否校验,于是首先就想到prop动态绑定,如下 但是试了好几遍都不生效,最后改成rules动态绑定校验就OK了
对VUE中的对象添加属性
12-11
背景：在通过接口获取数据集对象后，根据业务场景需要在数据集对象上增加额外的属性 data中定义的数据集对象mindData格式示例如下 mindData: [ {label:'清醒',value:'清醒'}, {label:'朦胧',value:'朦胧'}, {label:'嗜睡',value:'嗜睡'}, {label:'昏睡',value:'昏睡'}, {label:'谵妄',value:'谵妄'}, {label:'模糊',value:'模糊'}] 1) 通过post调用接口获取minData对象，遍历添加属性value和content（方便后续通过v-model设置绑定radio控件
vue.js中如何给元素动态添加属性?
lxuanz的博客
08-07 1267
封装组件的时候属性为动时怎么绑定属性property : 'positionId' , title : '版位' , type : 'select' , required : false , multiple : false , options : [ ] , placeholder : '请选择' , } , {
Vue进阶（九十七）：对象动态添加属性和值_vue给对象动态添加属性和值的实例(1)
2401_84617356的博客
05-16 724
题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心。
Vue动态添加、删除对象属性
pig_pig32的博客
08-27 4452
最近对对象相关操作处理比较多，然后发现对象还可以这么玩 let student = { id: 1, name: '学生1', class: '001' }; //通过student['对象新的属性key']来给对象添加新的属性 student['sex'] = '男'; student['age'] = 18; console.log(student); //通过delete可直接删除对象的属性 delete student.class; c
Vue 动态添加data属性
Lzyizq的博客
02-27 1878
Vue 动态添加data属性
vue动态给data中添加变量
一只小白奔向大牛的故事
03-25 2万+
一: 首先你得数据 我的业务是动态给v-model赋值 但是你得更改所以做不到一对一这时候你就得动态创建变量 首先你得知道你的数据结构是什么样的,然后你根据你数据的结构用数组动态创建变量 然后用你创建的空数组一一对应v-model赋值 js: for (var i =0;i< _this.particulars.itemList.length;i++) { _t...
Vue之Vue.set动态新增对象属性
热门推荐
tian361zyc的博客
06-08 2万+
Vue
vue动态给对象添加属性
dong4hang_CSDN的博客
12-20 1516
//定义一个对象 let obj = {} //添加属性 this.$set(obj,"name","tom") 第一个参数是对象，第二个参数是属性，第三个参数是属性的值 构造出来的对象是： obj:{name="tom"}
一文读懂vue动态属性数据绑定（v-bind指令）.docx
01-22
- 对于class属性，Vue还支持数组语法，如`:class="[类名1, 类名2]"`，当数据值为数组时，对应的类会被添加，如果数据值为null或undefined，则类会被移除。这种方式更加灵活，可以方便地控制多个类的显示状态。 4. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值