Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)

最近在做一個(gè)跟美團(tuán)同樣一套預(yù)約系統(tǒng)，由于一個(gè)商家會有很多主題，而每個(gè)主題下面會有很多場次。

那怎么在一個(gè)頁面把這些數(shù)據(jù)很好的動態(tài)展示出來呢？我首先想到了VUE的動態(tài)綁定數(shù)據(jù)。

由于第一次使用VUE，很多東西不懂，只能靠百度。服務(wù)器端返回的數(shù)據(jù)直接是JSON數(shù)據(jù)，初始數(shù)據(jù)完美的通過VUE渲染了出來，但是在切換主題顯示場次信息的時(shí)候，出現(xiàn)了問題。發(fā)現(xiàn)數(shù)據(jù)是獲取到了，但是VUE并沒有對它進(jìn)行渲染。

var ndata = new Vue({
 el:'#playlist',
 data:{
 rows:{}
 },
 mounted: function() {
 var self = this;
 }
});
后來查了很多資料，通過以上方法，AJAX獲取數(shù)據(jù)動態(tài)的成功綁定了數(shù)據(jù)
$.getJSON("URL, function(json){
//獲取初始的數(shù)據(jù)
 ndata.rows = json;
});

總結(jié)

以上所述是小編給大家介紹的Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com