快捷導(dǎo)航

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

更新時間：2018年07月17日 08:39:06 作者：茶樹蝦的閑云居

這篇文章主要介紹了Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下

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

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

由于第一次使用VUE，很多東西不懂，只能靠百度。服務(wù)器端返回的數(shù)據(jù)直接是JSON數(shù)據(jù)，初始數(shù)據(jù)完美的通過VUE渲染了出來，但是在切換主題顯示場次信息的時候，出現(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ù)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

vue3刪除過濾器的原因
去年，vue3出來了。增加了很多新功能，但是也刪掉了一些功能。比如刪掉了vue2中的過濾器filter功能。與此同時，官方建議：用方法調(diào)用或計算屬性替換過濾器。本文將分析vue3刪除過濾器的原因及如何用其他方法實(shí)現(xiàn)過濾器的功能
2021-05-05
Vue--keep-alive使用實(shí)例詳解
這篇文章主要介紹了Vue--keep-alive使用實(shí)例詳解,keep-alive標(biāo)簽主要用于保留組件狀態(tài)或避免重新渲染，用示例代碼介紹Vue的keep-alive的用法，需要的朋友可以參考下
2022-08-08
vue項目上傳Github預(yù)覽的實(shí)現(xiàn)示例
這篇文章主要介紹了vue項目上傳Github預(yù)覽的實(shí)現(xiàn)示例，在完成Vue項目以后，在上傳到github并實(shí)現(xiàn)預(yù)覽
2018-11-11
ElementUI之表格toggleRowSelection選中踩坑記錄
這篇文章主要介紹了ElementUI之表格toggleRowSelection選中踩坑記錄,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-03-03
Vue通過懶加載提升頁面響應(yīng)速度
這篇文章主要介紹了Vue通過懶加載提升頁面響應(yīng)速度，對Vue性能感興趣的同學(xué)，可以參考下
2021-05-05
利用Dectorator分模塊存儲Vuex狀態(tài)的實(shí)現(xiàn)
這篇文章主要介紹了利用Dectorator分模塊存儲Vuex狀態(tài)的實(shí)現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
Vue實(shí)現(xiàn)無限輪播效果時動態(tài)綁定style失效的解決方法
最近在開發(fā)中遇到了一個新需求：列表輪播滾動,實(shí)現(xiàn)方式也有很多,比如使用第三方插件,但是由于不想依賴第三方插件,想自己實(shí)現(xiàn),于是我開始了嘗試,但是在這個過程中遇到了動態(tài)綁定style樣式不生效,所以本文介紹了Vue實(shí)現(xiàn)無限輪播效果時動態(tài)綁定style失效的解決方法
2024-08-08
Vue路由跳轉(zhuǎn)的4種方式小結(jié)
本文主要介紹了Vue路由跳轉(zhuǎn)的4種方式小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
Vue3+Tsx給路由加切換動畫時的踩坑及解決
這篇文章主要介紹了Vue3+Tsx給路由加切換動畫時的踩坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
vue在組件中使用v-model的場景
這篇文章主要介紹了vue在組件中使用v-model的場景，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-07-07