欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)

 更新時間：2018年03月08日 09:15:08   作者：咖喱雞塊  
下面小編就為大家分享一篇改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

由于 JavaScript 的限制， Vue 不能檢測以下變動的數(shù)組：

當你利用索引直接設(shè)置一個項時，例如：vm.items[indexOfItem] = newValue

當你修改數(shù)組的長度時，例如：vm.items.length = newLength

在

<template>
 <div>
  <ul>
   <li v-for = " (item,index) in list" v-text='`${item} - ${index} `'></li>
  </ul>
  <button @click="change3">改變數(shù)組第2個值,改成0</button>
  <button @click="change4">改變數(shù)組第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 : {
  //通過下標來改變整個數(shù)組里的值也是行不通的
  changeList () {
   this.list[2] = 3
  },
  //通過數(shù)組長度改變改個數(shù)組里的值是行不通的
  changeList2 () {
   this.length = 1
  },
  //第一我們可以通過，vue.set實列方法來改變，但我們要在開頭再引一入下vue包
  // 1 第一個值代表需要改變的數(shù)組
  // 2 第二個代表改變那一項
  // 3 第三個代表改成什么值
  //樣式語法 Vue.set(example1.items, indexOfItem, newValue)
  change3 () {
   Vue.set(this.list,1,0)
  },
  //通過 Array.prototype.splice 數(shù)組原型上的方法來改變整個數(shù)組的長度或者內(nèi)容
  //這個方法大家肯定常用，我就不細說了
  change4 () {
   this.list.splice(1,1,5)
  }
 }
}
</script>

這里因為操作問題我就在代碼中直接寫了注釋，更加能讓大家清楚的了解，如何通過那些方法改變數(shù)組的長度，改變下標的某一個元素。

以上這篇改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論