待测试代码

<template>
	<div>
		<div v-for="(item,index) in list" :key="index" style="background-color: palegoldenrod;margin: 10px;padding: 10px;">
			<div>{{item.name}}</div>
			<input type="input" placeholder="请输入"/>
			<span @click="handleAdd()" style="margin-right: 15px;">添加</span>
			<span @click="handleDelete(index)">删除</span>
		</div>
	</div>
</template>
 
<script>
	export default {
		data() {
			return {
				list: [],
			};
		},
		created() {
			this.handleAdd();
		},
		methods: {
			handleAdd() {
				let random = Math.random() * 1000;
				this.list.push({
					id: random,
					name: random
				})
			},
			handleDelete(i) {
				this.list.splice(i, 1)
			},
		}
	};
</script>
 
<style lang="scss" scoped>
</style>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值