vue.js中移除數組值的方法

這篇文章主要介紹了vue.js中移除數組值的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

vue.js中移除數組值的方法：使用【arr.splice(arr.indexOf(ele),length)】，獲取這個數組中這個元素的下標，并從這個下標開始計算，刪除長度為length的數組值。

vue.js中移除數組值的方法：

使用方法：arr.splice(arr.indexOf(ele),length):表示先獲取這個數組中這個元素的下標，然后從這個下標開始計算，刪除長度為length的元素

這種刪除方式適用于任何js數組

eg:

<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:'zx',
age:18,
addrress:'江蘇南京',
email:'1773203101@qq.com',
contacted:false,
},
{
name:'zhiyi',
age:19,
addrress:'中國北京',
email:'1773203101@qq.com',
contacted:false,
},
{
name:'zhuxu',
age:20,
addrress:'中國上海',
email:'1773203101@qq.com',
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>

感謝你能夠認真閱讀完這篇文章，希望小編分享vue.js中移除數組值的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!