Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)
更新時間：2018年07月17日 08:39:06 作者：茶樹蝦的閑云居
這篇文章主要介紹了Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
最近在做一個跟美團同樣一套預(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并沒有對它進行渲染。
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)站的支持！
您可能感興趣的文章:
- 解決vue中修改了數(shù)據(jù)但視圖無法更新的情況
- 解決vue keep-alive 數(shù)據(jù)更新的問題
- 解決IE11 vue +webpack 項目中數(shù)據(jù)更新后頁面沒有刷新的問題
- vue 解決異步數(shù)據(jù)更新問題
- Vue 父子組件的數(shù)據(jù)傳遞、修改和更新方法
- vue.js通過自定義指令實現(xiàn)數(shù)據(jù)拉取更新的實現(xiàn)方法
- 談?wù)剬ue響應(yīng)式數(shù)據(jù)更新的誤解
- Vue.js 通過jQuery ajax獲取數(shù)據(jù)實現(xiàn)更新后重新渲染頁面的方法
- Vue.js+Layer表格數(shù)據(jù)綁定與實現(xiàn)更新的實例
- 詳解vue中的父子傳值雙向綁定及數(shù)據(jù)更新問題
- 實現(xiàn)vuex與組件data之間的數(shù)據(jù)同步更新方式
- VUE 直接通過JS 修改html對象的值導(dǎo)致沒有更新到數(shù)據(jù)中解決方法分析
相關(guān)文章
去年，vue3出來了。增加了很多新功能，但是也刪掉了一些功能。比如刪掉了vue2中的過濾器filter功能。與此同時，官方建議：用方法調(diào)用或計算屬性替換過濾器。本文將分析vue3刪除過濾器的原因及如何用其他方法實現(xiàn)過濾器的功能2021-05-05
這篇文章主要介紹了Vue--keep-alive使用實例詳解,keep-alive標(biāo)簽主要用于保留組件狀態(tài)或避免重新渲染，用示例代碼介紹Vue的keep-alive的用法，需要的朋友可以參考下2022-08-08
vue項目上傳Github預(yù)覽的實現(xiàn)示例
這篇文章主要介紹了vue項目上傳Github預(yù)覽的實現(xiàn)示例，在完成Vue項目以后，在上傳到github并實現(xiàn)預(yù)覽2018-11-11
ElementUI之表格toggleRowSelection選中踩坑記錄
這篇文章主要介紹了ElementUI之表格toggleRowSelection選中踩坑記錄,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了Vue通過懶加載提升頁面響應(yīng)速度，對Vue性能感興趣的同學(xué)，可以參考下2021-05-05
利用Dectorator分模塊存儲Vuex狀態(tài)的實現(xiàn)
這篇文章主要介紹了利用Dectorator分模塊存儲Vuex狀態(tài)的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
Vue實現(xiàn)無限輪播效果時動態(tài)綁定style失效的解決方法
最近在開發(fā)中遇到了一個新需求：列表輪播滾動,實現(xiàn)方式也有很多,比如使用第三方插件,但是由于不想依賴第三方插件,想自己實現(xiàn),于是我開始了嘗試,但是在這個過程中遇到了動態(tài)綁定style樣式不生效,所以本文介紹了Vue實現(xiàn)無限輪播效果時動態(tài)綁定style失效的解決方法2024-08-08
本文主要介紹了Vue路由跳轉(zhuǎn)的4種方式小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要介紹了Vue3+Tsx給路由加切換動畫時的踩坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue在組件中使用v-model的場景，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07