vue.js - php返回的json对象Vue怎么遍历?
程序员文章站
2022-05-12 21:27:40
...
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;
}
});
}
}
})
回复内容:
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 指错了
: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-...
推荐阅读
-
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
-
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
-
PHP给前端返回一个JSON对象的实例讲解
-
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
-
怎么获取百度坐标api返回的json格式字符串或对象呢
-
javascript - php 响应 ajax 的时候,怎么返回 json 对象呢?我这样对吗?
-
PHP是怎么返回json格式的数据
-
jquery - 怎么在一个php文件返回两条查询结果的json数据?
-
PHP给前端返回一个JSON对象的实例讲解
-
vue.js - php返回的json对象Vue怎么遍历?