鍍金池/ 問(wèn)答/HTML5  HTML/ 為什么v-for 不管用了

為什么v-for 不管用了

我在html頁(yè)面中引入了vue,可是為什么沒(méi)有反應(yīng)呢,控制臺(tái)也不報(bào)錯(cuò),后臺(tái)的數(shù)據(jù)也能拿到
這是一個(gè)小demo 的源碼
圖片描述

有哪位大神可以指教一下

回答
編輯回答
久舊酒

this指向的問(wèn)題,

this.list = result.data
其中這里的this指向的不是vue實(shí)例

在ajax請(qǐng)求外保存this指向

var that = this;
$.ajax({
    ....
    success:function(res){
        that.list = res.data;
    }
})
2017年3月25日 18:21
編輯回答
膽怯

success里面的this.list,this指向有問(wèn)題

mounted(){
    let self=this;
    $.ajax({
        ...
        self.list=...
    })
},
2017年7月22日 21:36
編輯回答
哎呦喂

不是v-for 是this指向

你在ajax 外面輸出一下this.list 是空把

2018年8月30日 21:40
編輯回答
朽鹿

你在請(qǐng)求外,var that=this;然后把success里面的this改成that

2018年5月30日 17:24
編輯回答
蔚藍(lán)色

嗯...上面都說(shuō)完了

2018年4月24日 14:03
編輯回答
熟稔

首先建議還是先看下文檔吧.
vue有自己的封裝的ajax,像resource,axios都可以,沒(méi)必要再去jq,另外this指向最好也了解下,既然寫(xiě)demo就從最開(kāi)始搞,先脫離jq(并不是說(shuō)不能用).只是建議啊.

2018年3月26日 06:20
編輯回答
孤星
mounted: function(){
    var self = this;
    $.ajax({
        url: "",
        success: function(res){
            self.list = res.data
        }
    })
}

說(shuō)幾個(gè)問(wèn)題吧..

  1. 你的dataType是jsonp, type 是 post 你是要跨域嗎? 如果不是的話 dataType是不是寫(xiě)錯(cuò)了?
  2. 冒號(hào)的縮進(jìn)逼死強(qiáng)迫癥了.. 都改成 data: 這樣的形式吧
  3. 你沒(méi)在babel的環(huán)境里, 就不要用ES6的寫(xiě)法了. 改成 mounted: function(){}
  4. 就像樓上說(shuō)的, 沒(méi)必要為了ajax, 引入一個(gè)jquery, 去學(xué)一下 axios 怎么用.
  5. 等瀏覽器環(huán)境熟練之后, 再去學(xué)習(xí)和使用 vue-cli + ES6.
2018年3月11日 03:37