vue点击某行，删除数据（删除数组中数据）

最新推荐文章于 2024-07-30 16:49:30 发布

lemontree-xy

最新推荐文章于 2024-07-30 16:49:30 发布

阅读量2.4k

点赞数 3

文章标签：前端 javascript windows

本文链接：https://blog.csdn.net/weixin_43337481/article/details/131453788

版权

<template>
	<view>
		<view v-for="(item, index) in list" :key="index">
		   <span>{{index+1}}</span>
		   <span>{{item.name}}</span>
		   <span @click="remove(item)">X</span>
		 </view>

	</view>
</template>
 
<script>
	export default {
		data(){
			return {
				list: [
					{
						id:1,
						name:"测试一"
					},
					{
						id:2,
						name:"二二"
					},
					{
						id:3,
						name:"三三"
					},
				]
			}
		},
		onLoad() {
			
		},
		methods: {
			remove(item) {
				let index = this.list.indexOf(item);
				if (index !== -1) {
			      this.list.splice(index, 1);
			    }
			},

		}
	}
</script>