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