vue页面动态添加元素

发布时间：2018-09-20 11:54,

浏览次数：3572

, 标签：

vue

<>1.动态插入组件

将需要插入到页面的元素定义成一个组件，再进行操作。

参考：https://jintang.github.io/2018/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); }

关注微博、微信公众号搜索前端小木，让我们一起学习成长。