vue.js - php返回的json对象Vue怎么遍历?

 染黑就是黑米粥_343 发布于 2022-11-29 15:13

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;}});}}})

3 个回答
  • 你的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;}});}}})
    2022-11-29 15:32 回答
  • :src=“{{i.litpic|addpre}}”
    filters:{

    addpre:function(val){return'http://www.baidu.com'+val}}

    <span>{{i.title}}</span>

    2022-11-29 15:32 回答
  • 页面绑定v-model的话,使用v-for循环输出即可
    还可以用devtool调试
    https://github.com/vuejs/vue-...

    2022-11-29 15:32 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有