<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> </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> 使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后从这个下标开始计算,删除长度为length的元素这种删除方式适用于任何js数组eg:&lt;template&gt; &lt;div class="users"&gt; &lt;button type="button" class="btn btn-danger" v... 项目中有个订单列表,提交订单之后用户可以选择取消订单,既然要取消订单,前端这边就得想办法把这个订单请求后端删除接口,在不刷新订单列表的情况下从前台删除,不刷新列表个人感觉体验更好。 // 确认取消订单 confirmOrder(order_id) { uni.showLoading({ title: '加载中', xxxApi['cancelOrder']({ order_sn: order_id }) .then(( this.$set(array, index, data) - 这是个深度的修改,某些情况下可能导致你不希望的结果,因此最好还是慎用 this.dataArr = this.originArr this.$set(this.dataArr, 0, {data: '修改第一个元素'}) console 其中,第一个参数表示要删除的元素的起始位置,第二个参数表示要删除的元素个数。在上面的代码中,起始位置为1,表示要删除的是第2个元素,第二个参数为1,表示只删除1个元素。 如果要删除多个元素,可以调用多次splice()方法。如果要删除的元素不在数组中,splice()方法将不会产生任何影响。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // 删除数组中的第3个元素 console.log(arr); // [1, 2, 4, 5] maven打包错误: Failed to execute goal org.apache.maven.pluginsmaven-resources-plugin3.2.0resources 抠头不掉发: 感谢楼主,我太爱你了!!!
<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> </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> 使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后从这个下标开始计算,删除长度为length的元素这种删除方式适用于任何js数组eg:&lt;template&gt; &lt;div class="users"&gt; &lt;button type="button" class="btn btn-danger" v... 项目中有个订单列表,提交订单之后用户可以选择取消订单,既然要取消订单,前端这边就得想办法把这个订单请求后端删除接口,在不刷新订单列表的情况下从前台删除,不刷新列表个人感觉体验更好。 // 确认取消订单 confirmOrder(order_id) { uni.showLoading({ title: '加载中', xxxApi['cancelOrder']({ order_sn: order_id }) .then(( this.$set(array, index, data) - 这是个深度的修改,某些情况下可能导致你不希望的结果,因此最好还是慎用 this.dataArr = this.originArr this.$set(this.dataArr, 0, {data: '修改第一个元素'}) console 其中,第一个参数表示要删除的元素的起始位置,第二个参数表示要删除的元素个数。在上面的代码中,起始位置为1,表示要删除的是第2个元素,第二个参数为1,表示只删除1个元素。 如果要删除多个元素,可以调用多次splice()方法。如果要删除的元素不在数组中,splice()方法将不会产生任何影响。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // 删除数组中的第3个元素 console.log(arr); // [1, 2, 4, 5]
maven打包错误: Failed to execute goal org.apache.maven.pluginsmaven-resources-plugin3.2.0resources 抠头不掉发: 感谢楼主,我太爱你了!!!