javascript - vuejs 1.x中如何删除某个数组?已经给定数组索引
怪我咯
怪我咯 2017-04-11 13:26:41
[JavaScript讨论组]

看了官方文档,提供了一个:$remove.
但我给定了索引,也没删除,也没报错,查看对象还是存在数据.

我的数据结构如下:

   var tabData={
        "tabs":[{
         id:0,
         url:"index.html",
         text:"首页"
        }]
    };
    
     var tabsItemVm=new Vue({
        el:'.J_menuTabs',
        data:tabData,
        methods:{
            'delTab':function(id){//根据id去查找删除
                var index=0;
                for( i in tabData.tabs){
                    if(tabData.tabs[i].id==id){
                        index=i;  //索引
                    }
                }
                this.tabs.$remove(index); //没效果?
            }    
        }
    })
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
天蓬老师

题主那个i未申明,成全局变量了。

然而这个问题在于:请先检查id传进来的是什么,然后。 http://cn.vuejs.org/api/#arra...

通过索引删除数组元素并触发视图更新。这个方法先在数组中搜索这个元素,如果找到了则调用 array.splice(index, 1)。

ringa_lee

移出使用当前对象

this.items.$remove(item)

当然,也可以用索引

var index = this.items.indexOf(item)
if (index !== -1) {
  this.items.splice(index, 1)
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号