博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue监听缺陷
阅读量:6061 次
发布时间:2019-06-20

本文共 609 字,大约阅读时间需要 2 分钟。

今天在写代码的时候遇到一个问题,因为我想控制一个列表的某个特性,但是获取的数据中没有这个字段,所以我自己给每个对象加了 一个字段,但是我发现点击后这个字段的值发生了改变但是视图并没有更新,所以才总结了下面的内容,只要给对象添加字段的都必须用$set

1.由于js的限制,vue不能监听以下变动的数组对象

(1)利用索引直接设置对象中的某一项,例如vm.items[indexOfItem] = newValue

(2)当你修改数组的长度时,例如vm.items.length = newLength

解决方法:

对象用$set(设置对象的属性,值)

例如:Vue.set(example1.items, indexOfItem, newValue)

数组用splice()方法(向数组中添加删除项目,并且返回新的数组,会改变原始数组)

例如:example1.items.splice(newLength)

2.还是由于js的限制,vue不能检测对象属性的添加或删除,一方面可以用vm.$set()方法,另外还可以用Object.assign()浅拷贝一个对象

例如:this.user = Object.assign({}, this.userPlice, {age:27, name: 'zhangsan'})

转载于:https://juejin.im/post/5a02b166f265da43133c94c0

你可能感兴趣的文章
[HDU 4666]Hyperspace[最远曼哈顿距离][STL]
查看>>
boost库在工作(40)串行通讯
查看>>
使用高性能xml序列化框架jibx作为spring mvc的xml view
查看>>
[Jobdu] 题目1348:数组中的逆序对
查看>>
去哪儿网自动化
查看>>
步步为营 .NET三层架构解析 八、UI的设计(GridView的设计及其分页)
查看>>
[转]DPM2012系列之十八:如何保护工作组计算机
查看>>
[Windows Azure] Getting Started with Windows Azure SQL Database
查看>>
Displaying Alerts with UIAlertView
查看>>
Ubuntu 14.04 – How to install xrdp in Ubuntu 14.04
查看>>
使用jQuery Mobile的注意事项(译)
查看>>
AngularJS如何编译和呈现页面
查看>>
eclipse颜色配置
查看>>
正在连接 192.168.6.121:8088... 失败:没有到主机的路由
查看>>
UNIXLinux程序设计教程
查看>>
SGU 241 The United Fields of Chessboardia(棋盘放车)
查看>>
ubuntu 开机蓝屏问题
查看>>
论文答辩完毕了:-)
查看>>
windows volume related concepts
查看>>
epoll的LT和ET使用EPOLLONESHOT
查看>>