<>1.动态插入组件

将需要插入到页面的元素定义成一个组件,再进行操作。
参考:https://jintang.github.io/2018/03/27/vue动态添加组件/
<https://jintang.github.io/2018/03/27/vue%E5%8A%A8%E6%80%81%E6%B7%BB%E5%8A%A0%E7%BB%84%E4%BB%B6/>

<>2.页面直接添加元素

页面结构代码:
<ul> <li v-for="(item, index) in itemArr" :key="index"> {{index +
1}}.<el-input v-model="items[index]" ></el-input> <span
@click="delete(index)">删除</span> /li> </ul> <span @click="addEle"
pointer">+添加元素</span>
data初始化:
data() { return { items: [0] ele: '' } }
方法:
//点击添加 addExceptPrice() { this.ele ++; this.itemArr.push(this.ele) }, //删除一项
deleteExceptPrice(index) { this.itemArr.splice(index, 1); }
关注微博、微信公众号搜索前端小木,让我们一起学习成长。