久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁技術(shù)文章
文章詳情頁

淺談vue獲得后臺數(shù)據(jù)無法顯示到table上面的坑

瀏覽:113日期:2022-12-07 13:45:44

因為剛學(xué)vue然后自己自習(xí)了一下axios,然后想寫一個簡單的查詢后臺數(shù)據(jù)

<tr v-for=' user in uList'><td>{{user.id}}</td><td>{{user.name}}</td><td>{{user.gender}}</td></td></tr>

然后先是寫了這樣一個代碼

created: function () { axios.get('http://localhost:8080/student/findAll').then(function (response) { this.uList = response.data;console.log(uList); }).catch(function (reason) { }) }

然后后臺可以獲取到數(shù)據(jù),但是無法顯示到table上面

發(fā)現(xiàn)this.uList雖然改變的數(shù)據(jù)但是數(shù)據(jù)無法顯示到table上面

然后發(fā)現(xiàn)這里的this不是外部的this對象,然后進(jìn)行了更改,數(shù)據(jù)就回顯了

new Vue({ el:’#app’, data:{ uList:[], }, created: function () { var arr = this; axios.get('http://localhost:8080/student/findAll').then(function (response) {arr.uList = response.data;console.log(uList); }).catch(function (reason) { }) }})

補(bǔ)充知識:vue data有值,但是頁面{{}} 取不到值

我的問題出在js引入的順序不對,導(dǎo)致不能正常顯示vue中的值

正確的順序應(yīng)該是:

先引入vue的js--------html代碼-----最后引入自己寫的js

以上這篇淺談vue獲得后臺數(shù)據(jù)無法顯示到table上面的坑就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 99热国产在线观看 | 91在线精品一区二区 | 一区二区免费视频 | 成年人免费看片 | 欧美日韩高清 | 精品国产一区二区三区久久影院 | 99综合| 色在线看 | 亚洲一区免费在线观看 | 做视频免费观看网站 | 色999视频 | 最新av片| 91精品久久久久久久久 | 日韩电影免费在线观看中文字幕 | 亚洲精品乱码 | 精品国产髙清在线看国产毛片 | 欧美啊v| 国产一区二区视频在线观看 | 成人男女激情免费视频 | 中文在线一区 | 亚洲精品久久久久久动漫 | 欧美一区二区三区免费电影 | 亚洲一区久久久 | 精品国产一区二区在线 | 国产精品亲子伦av一区二区三区 | 欧美日韩视频在线第一区 | 人人插| 天天操天天插天天干 | 亚洲卡一 | 99在线免费观看 | 久久精品色欧美aⅴ一区二区 | 久久99精品久久久久久园产越南 | 国产成人看片 | 一本一道久久a久久精品综合 | 亚洲精品视频免费看 | 一本大道久久a久久精二百 国产精品片aa在线观看 | 亚洲电影一区 | 91九色在线 | 成人免费在线网址 | 国产91色在线 | 亚洲 | 欧美成人精品 |