为什么v-for 不管用了

0 0 javascript html5 vue.js
c语言我最爱
c语言我最爱

声望值:157 0人

2019-02-25 14:30:04 提问

关注 0关注

收藏 0收藏, 136浏览

我在html页面中引入了vue,可是为什么没有反应呢,控制台也不报错,后台的数据也能拿到
这是一个小demo 的源码
图片描述

有哪位大神可以指教一下

请先 登录 后评论

7个回答

  • Sily°苏暖年222声望 2018-09-25 09:26

    不是v-for 是this指向 你在ajax 外面输出一下this.list 是空把
    请先 登录 后评论
  • 不绅士0)先森139声望 2018-09-25 09:26

    你在请求外,var that=this;然后把success里面的this改成that
    请先 登录 后评论
  • ︷.゛噓.低調86声望 2018-09-25 09:26

    首先建议还是先看下文档吧.vue有自己的封装的ajax,像resource,axios都可以,没必要再去jq,另外this指向最好也了解下,既然写demo就从最开始搞,先脱离jq(并不是说不能用).只是建议啊.
    请先 登录 后评论
  • 不绅士0)先森139声望 2018-09-25 09:26

    mounted: function(){ var self = this; $.ajax({ url: "", success: function(res){ self.list = res.data } }) } 说几个问题吧.. 你的dataType是jsonp, type 是 post 你是要跨域吗? 如果不是的话 dataType是不是写错了? 冒号的缩进逼死强迫症了.. 都改成 data: 这样的形式吧 你没在babel的环境里, 就不要用ES6的写法了. 改成 mounted: function(){} 就像楼上说的, 没必要为了ajax, 引入一个jquery, 去学一下 axios 怎么用. 等浏览器环境熟练之后, 再去学习和使用 vue-cli + ES6.
    请先 登录 后评论
  • 独孤马特i58声望 2018-09-25 09:26

    success里面的this.list,this指向有问题 mounted(){ let self=this; $.ajax({ ... self.list=... }) },
    请先 登录 后评论
  • ㄨ風影ミ红ん馆110声望 2018-09-25 09:26

    this指向的问题, this.list = result.data其中这里的this指向的不是vue实例 在ajax请求外保存this指向 var that = this; $.ajax({ .... success:function(res){ that.list = res.data; } })
    请先 登录 后评论
  • の酒度微笑69声望 2018-09-25 09:26

    嗯...上面都说完了
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问