So ändern Sie den Wert in Vue-Anfragedaten

Dieses Mal zeige ich Ihnen, wie Sie den Wert in den Vue-Anfragedaten ändern und welche Vorsichtsmaßnahmen zum Ändern des Werts in den Vue-Anfragedaten gelten. Nehmen wir das Folgende als einen praktischen Fall ein Blick.

Aufgrund der Einschränkungen von JavaScript kann Vue die folgenden Änderungen am Array nicht erkennen:

bei der Verwendung der Index Beim direkten Festlegen eines Elements, zum Beispiel: vm.items[indexOfItem] = newValue

Wenn Sie die Länge des Arrays ändern, zum Beispiel: vm.items.length = newLength

in

<template>
 <p>
  <ul>
   <li v-for = " (item,index) in list" v-text=&#39;`${item} - ${index} `&#39;></li>
  </ul>
  <button @click="change3">改变数组第2个值,改成0</button>
  <button @click="change4">改变数组第2个值,改成5</button>
 </p>
</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>

Aufgrund betrieblicher Probleme habe ich Kommentare direkt in den Code geschrieben, damit jeder klar verstehen kann, wie man die Länge des Arrays ändert und Ändern Sie einen bestimmten Index durch diese Methoden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So aktualisieren Sie das Array mit $set in vue.js

So verschieben Sie das Array in vue.js Positionieren und aktualisieren Sie die Ansicht

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert in Vue-Anfragedaten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!