如何修改vue中的数组中的值

在Vue中直接修改数组元素或长度会导致错误。解决办法包括使用Vue.set实例方法,例如Vue.set(example.items, indexOfItem, newValue),或者通过Array.prototype.splice方法改变数组。这两种方法都是Vue中更新响应式数据的正确方式。
摘要由CSDN通过智能技术生成

在JavaScript中,我们想要更改一个数组中的值得时候
我们可以利用索引直接设置,例如:name.items[index] = newValue
当我们修改长度,例如:name.length = newLength
然而当我在vue中想这样操作的时候,很抱歉,不可以。出错了。疯了
得亏我有度娘,查起来。

皇天不负有心人,终于让我找到了。

方法一

我们可以通过,vue.set实列方法来改变,前提是得引入vue的包。
样式语法:Vue.set(example.items, indexOfItem, newValue)
第一个值代表需要改变的数组
第二个代表改变哪一项的ID
第三个代表改成什么值

方法二

可以通过Array.prototype.splice数组原型上的方法来改变整改数组的长度或者内容。

有图片才好理解。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值