javascript - 在vue组件中 使用ajax取得数据 但是vue循环没有绑定数据

Question

1.self.list我能获取到数据

但是使用vue循环根本不生效 求解

Answer 1

链接描述

组件中data不是这样写的，data上的属性得返回一个函数,其他还是一样用
比如，下面这样

var opts = {
...
    data: {
        list: function(){
            return [];
        }
    }
}

Answer 2

你console.log(输出一下data.data)

Answer 3

我是没有看到你的ajax方法触发……
如果要立即填充数据，ajax不是应该写在created之类的周期里面么？
你这个是怎么触发的！

Answer 4

看你截图并不完整，首先你确定你在mounted里触发了ajax，其次this.url是否正确，prop从哪里过来，赋值了吗？

Answer 5

1、在控制台输出一下，看看后台接口有没有返回数据；2、再看看是不是自己的写法有误。

Answer 6

// 可以尝试这么写
// tpl
<li v-for="item in list.data"></li>

// data

data:{
    list:{
        data: []
    }
}

//  ajax
self.list.data = data.data

// 可以先尝试一下