首页 > web前端 > 前端问答 > vue如何删除数组元素

vue如何删除数组元素

青灯夜游
发布: 2022-03-07 15:55:19
原创
12848 人浏览过

删除方法:1、用forEach遍历数组,用splice方法删除下标为index的元素,语法“this.splice(index, 1);”;2、用filer()删除,语法“listArr.filter(item=>item.check)”。

vue如何删除数组元素

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

做项目使用前端vue框架,需要循环遍历去删除一些数组元素。开始思想局限,一直纠结如何去循环删除,犹豫循环删除数组值下标会发生变化,并不是一种好的方法。

方法一:使用forEach 和 splice 

删除某个元素:使用splice方法删除下标为index的元素

this.splice(index, 1);
登录后复制

方法二: 使用 filer

const list  =  listArr.filter ( item => item.check)  //过滤 listArr中不要 删除的 符合你要求的元素
登录后复制

并把不要删除的元素赋值给原数组

(学习视频分享:vuejs教程web前端

以上是vue如何删除数组元素的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板