1.我使用ajax请求php一个数据,php端二维数组,json_encode后返回给前端ajax
2.前端收到数据后,怎么使用Vue遍历
newVue({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都没有数据,自然循环不出来
newVue({el:'#nav_vr',data:{list:null},methods:{showdata:function(id){varself=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}}
<span>{{i.title}}</span>
页面绑定v-model的话,使用v-for循环输出即可
还可以用devtool调试