vue 点击增加 增加一行空数组
2018-01-25 10:00
2171 查看
<template> <div> <div @click="add" style="margin-top:30px">新增</div> <div v-for="(name, index) in form" :key="index"> <input v-model="name.text" type="text"> <div class="delete" @click="deleteItem(index)">删除</div> </div> </div> </template> <script type="text/ecmascript-6"> export default { data() { return { form: [ { text: '111', type: 'sdfas' }, { text: '222', type: 'sdfas' }, { text: '333', type: 'sdfas' }, { text: '444', type: 'sdfas' } ] } }, methods: { add() { console.log('add') this.form.push({ text: this.form.length, type: 'sdfas' }) }, deleteItem(index) { this.form.splice(index, 1) console.log(index) } }, beforeRouteLeave(to, from, next) { this.$destroy() next() } } </script> <style scoped lang="stylus" rel="stylesheet/stylus"> </style>
相关文章推荐
- vue 点击按钮增加一行的方法
- [置顶] 点击按钮增加一行表格
- 在后台 如何实现 按钮点击后 Table能动态增加一行
- JSP类似购物车根据后台数据自动生成一行商品,点击按钮实现数量价格自动增加
- 在后台 如何实现 按钮点击后 Table能动态增加一行
- JQuery实现动态表格点击按钮表格增加一行
- 使用javascript点击添加增加一行
- 点击按钮,表格自动增加一行的html代码
- vue--点击当前增加class,其他删除class的方法
- vue--点击当前增加class,其他删除class
- vue--点击当前增加class,其他删除class
- 点击按钮,表格增加/删除一行
- 动态表格,通过点击按钮增加或者删除一行表格!
- JS点击按钮自动增加一行 4000
- div点击按钮增加一行
- 实现表的点击后增加一行再次点击收缩
- 使用javascript点击添加增加一行
- 点击dataview组件下的一行,然后在点击的那行下增加一个表
- 帆软FineReport_多sheet填报,点击按钮保存全部(数据库表增加一行功能)
- SpringMVC批量插入,js点击按钮自动增加一行