vue页面动态添加元素
发布时间:-09-20 11:54,
浏览次数:3572
, 标签:
vue
<>1.动态插入组件
将需要插入到页面的元素定义成一个组件,再进行操作。
参考:https://jintang.github.io//03/27/vue动态添加组件/
<>2.页面直接添加元素
页面结构代码:
{{index +
1}}.
@click="delete(index)">删除
/li>
pointer">+添加元素
data初始化:
data() { return { items: [0] ele: '' } }
方法:
//点击添加 addExceptPrice() { this.ele ++; this.itemArr.push(this.ele) }, //删除一项
deleteExceptPrice(index) { this.itemArr.splice(index, 1); }
关注微博、微信公众号搜索前端小木,让我们一起学习成长。