So entfernen Sie Array-Werte in vue.js

So entfernen Sie Array-Werte in vue.js: Verwenden Sie [arr.splice(arr.indexOf(ele),length)], um den Index dieses Elements im Array abzurufen, und starten Sie die Berechnung von diesem Index, um den zu löschen Länge ist der Array-Wert der Länge.

Die Betriebsumgebung dieses Tutorials: Windows10-System, vue2.5.2, dieser Artikel gilt für alle Computermarken.

【Empfohlene verwandte Artikel: vue.js】

Methode zum Entfernen von Array-Werten in vue.js:

Verwendung: arr.splice(arr.indexOf(ele),length): Gibt an, dass zuerst der Index dieses Elements in diesem Array abgerufen wird und dann von Dieser Index startet die Berechnung und löscht Elemente mit der Länge length

Diese Löschmethode eignet sich für jedes js-Array

z. B.:

<template>
 <div class="users">
<button type="button" class="btn btn-danger" v-on:click="deleteUser(user)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除</button>
 </div>
</template>
<script>
//引入jquery
export default {
  data(){
return {
users:[
{
name:&#39;zx&#39;,
age:18,
addrress:&#39;江苏南京&#39;,
email:&#39;1773203101@qq.com&#39;,
contacted:false,
},
{
name:&#39;zhiyi&#39;,
age:19,
addrress:&#39;中国北京&#39;,
email:&#39;1773203101@qq.com&#39;,
contacted:false,
},
{
name:&#39;zhuxu&#39;,
age:20,
addrress:&#39;中国上海&#39;,
email:&#39;1773203101@qq.com&#39;,
contacted:false,
},
]
}
},
methods:{
deleteUser:function(user){
//表示先获取这个元素的下标，然后从这个下标开始计算，删除长度为1的元素
this.users.splice(this.users.indexOf(user),1);
}
}
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<!--scope只会影响到当前组件的样式-->
<style scoped>
</style>

Verwandte kostenlose Lernempfehlungen: Javascript (Video)

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Array-Werte in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!