php 遍历 json对象,php返回的json对象Vue怎么遍历?

1.我使用ajax请求php一个数据, php端二维数组,json_encode后 返回给前端ajax

2.前端收到数据后,怎么使用Vue遍历

new Vue({

el:'#nav_vr',

data:{

list:null

},

methods:{

showdata:function(id){

alert(id);

$.ajax({

type:"post",    //提交方法

url:"data.php",   //提交地址

data:{typeid:id},  //提交参数(可有可无)

dataType:"json", //响应结果的类型(可有可无)

success:function(d){ //接收响应结果

console.log(d);

this.list = d;

}

});

}

}

})

你的this 指错了 ，指向的是ajax 不是Vue实例 ，list 都没有数据，自然循环不出来

new Vue({

el:'#nav_vr',

data:{

list:null

},

methods:{

showdata:function(id){

var self = this;

$.ajax({

type:"post",    //提交方法

url:"data.php",   //提交地址

data:{typeid:id},  //提交参数(可有可无)

dataType:"json", //响应结果的类型(可有可无)

success:function(d){ //接收响应结果

console.log(d);

self.list = d;

}

});

}

}

})

:src=“{{ i.litpic | addpre }}”

filters: {

addpre: function (val) {

return 'http://www.baidu.com' + val

}

}

{{ i.title }}

页面绑定 v-model 的话，使用 v-for 循环输出即可

还可以用devtool调试

https://github.com/vuejs/vue-…