vue.js如何刪除數組元素

vue.js刪除數組元素的方法：1、獲取數組中需要刪除的元素的下標；2、從該下標開始計算，刪除長度為length的元素即可。

本文操作環境：windows10系統、vue.js 2.9、thinkpad t480電腦。

大家記不記得有一個方法arr.splice(arr.indexOf(ele),length)，這個方法可以幫助我們刪除任何js數組，非常實用。

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

代碼示例：

<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>

推薦學習：php培訓