溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
由于 JavaScript 的限制， Vue 不能檢測以下變動的數組：
當你利用索引直接設置一個項時，例如：vm.items[indexOfItem] = newValue
當你修改數組的長度時，例如：vm.items.length = newLength
在
<template>
<div>
<ul>
<li v-for = " (item,index) in list" v-text='`${item} - ${index} `'></li>
</ul>
<button @click="change3">改變數組第2個值,改成0</button>
<button @click="change4">改變數組第2個值,改成5</button>
</div>
</template>
<script>
import Vue from 'vue'
export default {
data () {
return {
list : [ 1, 2, 3, 4],
list2 : [ 7, 8, 9, 0 ]
}
},
methods : {
//通過下標來改變整個數組里的值也是行不通的
changeList () {
this.list[2] = 3
},
//通過數組長度改變改個數組里的值是行不通的
changeList2 () {
this.length = 1
},
//第一我們可以通過，vue.set實列方法來改變，但我們要在開頭再引一入下vue包
// 1 第一個值代表需要改變的數組
// 2 第二個代表改變那一項
// 3 第三個代表改成什么值
//樣式語法 Vue.set(example1.items, indexOfItem, newValue)
change3 () {
Vue.set(this.list,1,0)
},
//通過 Array.prototype.splice 數組原型上的方法來改變整個數組的長度或者內容
//這個方法大家肯定常用，我就不細說了
change4 () {
this.list.splice(1,1,5)
}
}
}
</script>
這里因為操作問題我就在代碼中直接寫了注釋，更加能讓大家清楚的了解，如何通過那些方法改變數組的長度，改變下標的某一個元素。
以上這篇改變vue請求過來的數據中的某一項值的方法(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
