Vue实现push数组并删除方法

<template><div><ul v-for="(item , index) in list" :key="index"><li>{{item.serial}}---<button @click="remove(index)">删除</button></li></ul><input type="text" v-model="serial" /><input type="button" value="点击添加" @click="getserial" /></div>
</template><script>
export default {data() {return {list: [{ serial: 1 },{ serial: 2 },{ serial: 3 },{ serial: 4 },{ serial: 5 }],serial: ""};},methods: {getserial() {this.list.push({serial: this.serial});this.serial = "";},//通过索引删除数组remove(index) {//splice 操作数组的方法this.list.splice(index, 1);}}
};
</script><style>
</style>

Vue实现push数组并删除方法相关推荐

html5遍历数组,Vue中遍历数组的新方法
1.foreach foreach循环对不能使用return来停止循环 1 search(keyword){ 2 var newlist = [] 3 this.urls.foreach(item = ...
【Vue】基础系列（五）列表渲染v-for | key的原理 | 数组 | 对象 | 删除替换 | 过滤与排序
1. 列表显示 v-for指令用于展示列表数据语法:v-for="(item, index) in xxx" :key="yyy" 可遍历:数组.对象.字符 ...
[vue] vue能监听到数组变化的方法有哪些？为什么这些方法能监听到呢？
[vue] vue能监听到数组变化的方法有哪些?为什么这些方法能监听到呢? 你说的是vue内部的源码对Array数据的中转代理嘛好像对push, shift等通用方法都做了代理吧! 因为它对中转的数 ...
Vue中构造数组数据-map和forEach方法梳理
数组操作是前端最重要的数据操作,构造数组数据,又是数组操作中很常见的.本文将梳理下map和forEach方法在Vue项目中的使用. 想要深入理解这两个方法,一定要手写几次简易的实现,理解其中的要义.这 ...
vue数组的删除和追加操作
vue数组的删除和追加操作 1.Vue.js 数组追加合并与对象追加合并[Object.assign()] 2.Vue.js中splice()方法实现对数组进行增删改的操作
js 删除数组几种方法
本文摘自:http://www.cnblogs.com/qiantuwuliang/archive/2010/09/01/1814706.html var arr=['a','b','c']; 若要删 ...
JavaScript数组的push（）等方法的使用
数组是值得有序集合.每个值在数组中有一个位置,用数字表示,叫做索引.JavaScript数组是无类型的:数组元素可以是任何类型,而且同一个数组中可以存在不同类型元素,甚至可以是对象或是其他数组,这就可 ...
vue+js 从一个数组中删除在另一个数组中已存在对象；
数组,对象常用的删除方法: 1.根据一个数组元素,删除另一个数组中的对象: var a = [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 1 ...
php 从数组里删除元素,PHP从数组中删除元素的四种方法实例
PHP从数组中删除元素的四种方法实例一.总结一句话总结:unset(),array_splice(),array_diff(),array_diff_key() 二.PHP从数组中删除元素的四种方 ...

Vue实现push数组并删除方法

Vue实现push数组并删除方法相关推荐

最新文章

热门文章