首页  >  文章  >  web前端  >  vue如何删除数组元素

vue如何删除数组元素

青灯夜游
青灯夜游原创
2022-03-07 15:09:5912734浏览

删除方法: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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn