<template>
<view>
<view class="item-Box" v-for="(item, index) in list">
<input type="text" placeholder="请输入">
<button type="warning" @click="delItem(item)">删除</button>
</view>
<button type="primary" @click="addItem">新增</button>
<button type="primaray" @click="submitBtn">提交</button>
</view>
</template>
<script>
export default {
data() {
return {
id: 1,
list: [
{
id: 1
}
]
}
},
methods: {
addItem() {
let add = {
id: parseInt(this.id)+1
}
this.list.push(add)
this.id = parseInt(this.id)+1
},
delItem(item) {
if (item.id == 1) {
uni.showToast({
title: '不能删除第1个',
icon: 'none'
})
return false;
}
this.list = this.list.filter((i) => {
return i != item
})
},
submitBtn() {
console.log(this.list)
}
}
}
</script>
<style>
.item-Box{
display: flex;
}
</style>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
