Vue.js中splice()方法实现对数组进行删除的操作

语法结构：splice(index,len,[item])
1、可以用来添加/删除/替换数组内某一个或者几个值
2、该方法会改变原始数组
index:数组开始下标

len: 替换/删除的长度

item:替换的值，删除操作的话 item为空

删除：
index表示要删除的数组下标， len长度为1（len设置1，如果为0，则数组不变），item为空表示执行删除操作

<div id="demo"><h2>v-for 遍历数组</h2><ul><li v-for="(item, index) in persons" :key="index">序号：{{index}}名字：{{item.name}}年龄：{{item.age}}<button @click="del(index)">删除</button></li></ul>
</div><script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">new Vue({el: '#demo',data: {persons: [{name: 'Tom', age:18},{name: 'Jack', age:17},{name: 'Bob', age:19},{name: 'Mary', age:16}]},methods: {//删除（注意：删除的方法名不能用delete，因为delete是系统关键字）del(index) {this.persons.splice(index, 1) }}})
</script>

Vue.js中splice()方法实现对数组进行删除的操作相关推荐

vue.js中实现方法内某些代码延时执行
今天在工作时遇见了某些代码需要延时操作的情况.具体情况为前台grid在执行完增删改操作后需要在增加或者修改弹框点击确定导致弹框消失后,grid内数据能够及时更新以便显示增删改操作后的数据.这里的话使用 ...
Vue.js 中created方法的作用【学习】
1.这是它的一个生命周期钩子函数,就是一个Vue实例被生成后调用这个函数,一个Vue实例被生成后还要绑定到某个htm元素上,之后还要进行编译,然后再插入到document中.每一个阶段都会有一个钩子函 ...
html中splice向数组添加元素,js中splice()的强大(删除，插入或替换数组的元素)
1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 2.插入-向数组指定位置插入任意项元素.三个参数,第一个参数(其实位置),第二个参数(0),第三个参数( ...
java数组 js数组的长度_js中split()方法得到的数组长度问题
定义和用法 split() 方法用于把一个字符串分割成字符串数组. 语法 stringObject.split(separator,howmany) 参数描述 separator 必需.字符串或正则 ...
vue在created调用点击方法_vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...
created写法_vue.js中created方法作用
这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数.一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中.每一个阶段都会有一个钩子函数 ...
php动态写入vue,Vue.js中使用动态组件的方法
本文介绍了如何在Vue.js中引用组件中的HTML元素.您可以通过使用Vue路由器或创建动态组件来切换视图或组件模板. Vue路由器用于在DOM中的视图或组件模板之间导航.要使用Vue路由器,请在ro ...
js中split()方法、splice()方法、slice()方法
split()方法 split()方法是将一个字符串分割成字符数组 stringObject.split(separator,howmany) separator 是字符串或正则表达式,从该参数指定的 ...
onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件
在vue.js中直接使用onscroll不起作用利用DOM二级监听事件即可, window.addEventListener('scroll',()=>{console.log(window. ...

Vue.js中splice()方法实现对数组进行删除的操作

Vue.js中splice()方法实现对数组进行删除的操作相关推荐

最新文章

热门文章