vue删除数组的某个元素

站长手记 作者: 2024-08-27 21:40:01

vue删除数组的某个元素


解决方法:

下面演示数组中元素数据格式是json

1.vue页面

<template v-for="(endTip,i) in dataItem.settings.endTips">

<i @click="delEndTips(endTip)" class="glyphicon glyphicon-remove-circle"></i>

</template>


2.js删除方法

delEndTips:function (endTip) {

           var index = this.dataItem.settings.endTips.indexOf(endTip);

           this.dataItem.settings.endTips.splice(index,1)

            //调整数组endTips

           this.dataItem.settings.endTips.forEach((item, i) => {

               item.index = i

           })

       }


原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69766.html