gpt4 book ai didi

vue 重塑数组之修改数组指定index的值操作

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章vue 重塑数组之修改数组指定index的值操作由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

如下所示:

vm.items[indexOfItem] = newValue 。

vue不能检测数组的变动 。

想要实现可以使用vue的set方法 。

this.$set(this.items,indexOfItem,newValue),

补充知识:vue中利用索引直接设置一个数组项,不能触发视图更新的问题 。

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

1、当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 。

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

举个例子:

?
1
2
3
4
5
6
7
var vm = new Vue({
  data: {
   items: [ 'a' , 'b' , 'c' ]
  }
})
vm.items[1] = 'x' // 不是响应性的
vm.items.length = 2 // 不是响应性的

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

// Vue.set 。

Vue.set(vm.items, indexOfItem, newValue) 。

// Array.prototype.splice 。

vm.items.splice(indexOfItem, 1, newValue) 。

你也可以使用 vm.$set 实例方法,该方法是全局方法 Vue.set 的一个别名:

vm.$set(vm.items, indexOfItem, newValue) 。

为了解决第二类问题,你可以使用 splice:

vm.items.splice(newLength) 。

以上这篇vue 重塑数组之修改数组指定index的值操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我.

原文链接:https://www.cnblogs.com/xiaofenguo/p/10405347.html 。

最后此篇关于vue 重塑数组之修改数组指定index的值操作的文章就讲到这里了,如果你想了解更多关于vue 重塑数组之修改数组指定index的值操作的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com