本文小编为大家详细介绍“html怎么实现点击穿透和阻止点击穿透”,内容详细,步骤清晰,细节处理妥当,希望这篇“html怎么实现点击穿透和阻止点击穿透”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入
顺晟科技
2022-09-15 07:46:01
112
<div v-for="(item, index) in list">
... 一行表单
</div>
<div @click="add()">+</div>
const list = ref(['']);
const add= () => {
list.value.push('');
};
如果整个表单对应的是一个list数组,添加操作数组就行
list.splice(index, 0, ...newItem)
如果是手动排列的固定dom结构,只能在每个表单后加一个空数组,同样操作空数组,实现新增功能声明一个数组,表单中使用v-for来遍历显示,当点击添加的时候,则在数组里再push一个
<ul>
<li v-for="(item,index) in dataList" :key="index">
<el-input v-model="item.desc"></el-input>
平均 <el-input v-model="item.minValue"></el-input>
-
<el-input v-model="item.maxValue"></el-input> 天内复购
<i
class="el-icon-circle-plus-outline plus-icon"
@click="dataPlus"
v-if="index == dataList.length - 1"
></i>
<i
class="el-icon-remove-outline remove-icon"
@click="dataRemove(index)"
v-if="index != 0"
></i>
</li>
</ul>
data(){
return {
dataList: [],
defaultObj: {
desc:"",
minValue: "",
maxValue:""
}
}
},
methods: {
dataPlus() {
this.dataList.push(this.defaultObj)
},
dataRemove(index) {
this.dataList.splice(index,1)
}
}
09
2022-11
09
2022-11
19
2022-10
19
2022-10
19
2022-10
16
2022-10