v-for 无法遍历数据，不执行循环

最新推荐文章于 2024-07-18 18:59:22 发布

飞鸿小子

最新推荐文章于 2024-07-18 18:59:22 发布

阅读量8.8k

点赞数 1

文章标签： VUE v-for 新手向

本文链接：https://blog.csdn.net/weixin_42291381/article/details/81664492

版权

        myAdsList:function(){
            var myAdsList = [
                {
                    "id": 4,
                    "area": "广东省广州市",
                    "info": "123",
                    "name": "123",
                    "phone": "13545645645",
                    "selected": true
                },
                {
                    "id": 5,
                    "area": "山东省济南市",
                    "info": "asd",
                    "name": "asd",
                    "phone": "13545345234",
                    "selected": false
                }
            ];
            this.myAdsList = myAdsList;
        },

            <ul class="choose">
                <li class="choose-item" v-for="myAdsItem in myAdsList">
                    {{myAdsItem.name}} , {{myAdsItem.phone}}
                </li>
            </ul>

执行上述代码，页面一片空白，不断刷新页面，发现页面源代码会一闪而过，但对应数据完全不加载，审查元素中找不到循环的结构体。

问题原因：函数名称和数组变量名重复了（myAdsList）

解决方法：修改数组名字为myAdsArr，解决！