在嵌套数组上使用VueJS使用Vue.set
提问于 2017-04-05 04:33:30
我知道我可以使用Vue.set修改数组中的单个元素：https://v2.vuejs.org/v2/guide/list.html#Caveats
但是，如何修改嵌套数组或嵌套对象/数组中的单个元素？也许我的数据是这样的：
data:{
lists:[[1,2,3],[2,3,4]],
another_list:[[213,123, {hello:'sdf'}], 12, 123]
}如何积极地编辑每一个元素？
回答 1
Stack Overflow用户
发布于 2017-04-05 08:07:25
这是给Vue.js 2.2.6的。
假设您使用的是单文件组件.vue，则可以使用this。
例如：this.lists[0][0] = 2，将第一个数组的第一个值更改为2。
更新：由于数组的警告，我们需要使用切片来更新数组。读取https://v2.vuejs.org/v2/guide/list.html#Caveats
<template>
<button v-on:click="modify"> modify </button>
</template>
<script>
export default {
methods: {
modify: function() {
console.log(this.lists)
this.lists[0].splice(2,2,3)
console.log(this.lists)
}
},
data: function () {
return {
lists:[[1,2,3],[2,3,4]],
another_list:[[213,123, {hello:'sdf'}], 12, 123]
}
}
}
</script>控制台输出将是
[[1,2,3],[2,3,4]]
[[2,2,3],[2,3,4]]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43231327
复制相关文章
![[WPF 自定义控件]在MenuItem上使用RadioButton](https://ask.qcloudimg.com/http-save/yehe-3964600/kbmoqpnb3u.png)
腾讯云开发者
