vue开发中遇到的问题与解决方案（三）

驚鴻入梦

于 2018-01-22 16:37:50 发布

阅读量851

点赞数 1

分类专栏： vue js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/github_37516320/article/details/79130468

版权

vue 同时被 2 个专栏收录

6 篇文章

订阅专栏

6 篇文章

订阅专栏

本文讨论了Vue中处理数组时遇到的问题及其解决方案。由于JavaScript的限制，Vue无法检测直接通过索引设置数组项或修改数组长度的操作。文章提供了两种替代方法，并解决了使用this.$set时无法获取到新值的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue处理数组会有些问题：

官网摘要：

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：

当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如：vm.items.length = newLength

为了解决第一类问题，以下两种方式都可以实现和 vm.items[indexOfItem] = newValue 相同的效果，同时也将触发状态更新：

// Vue.set
Vue.set(example1.items, indexOfItem, newValue)

使用中的问题：

在使用this.$set时，打印newValue取不到其值

解决办法：在set之前把对象拷贝出来，就可以了

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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