欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2018年07月17日 08:39:06   作者：茶樹蝦的閑云居  
這篇文章主要介紹了Vue2.X 通過AJAX動態(tài)更新數(shù)據(jù)的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下

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

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

由于第一次使用VUE，很多東西不懂，只能靠百度。服務器端返回的數(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ù)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • vue項目在線上服務器訪問失敗原因分析

    vue項目在線上服務器訪問失敗原因分析

    這篇文章主要介紹了vue項目在線上服務器訪問失敗原因分析，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • vue3組件庫Shake抖動組件搭建過程詳解

    vue3組件庫Shake抖動組件搭建過程詳解

    這篇文章主要為大家介紹了vue3組件庫Shake抖動組件搭建過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-10-10
  • vue設置頁面超時15分鐘自動退出登錄的方法詳解

    vue設置頁面超時15分鐘自動退出登錄的方法詳解

    當用戶登錄后,如果長時間未操作頁面這個時候需要自動退出登錄回到登錄頁面,本文將給大家介紹一下vue設置頁面超時15分鐘自動退出登錄的方法,感興趣的同學可以自己動手試一下
    2023-10-10
  • vue.js路由mode配置之去掉url上默認的#方法

    vue.js路由mode配置之去掉url上默認的#方法

    今天小編就為大家分享一篇vue.js路由mode配置之去掉url上默認的#方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue組件間通信子與父詳解（二）

    vue組件間通信子與父詳解（二）

    這篇文章主要為大家詳細介紹了vue組件間通信子與父的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-11-11
  • vue中@keyup.enter失效問題及解決

    vue中@keyup.enter失效問題及解決

    這篇文章主要介紹了vue中@keyup.enter失效問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2022-10-10
  • Vue使用wangeditor創(chuàng)建富文本編輯器的完整指南

    Vue使用wangeditor創(chuàng)建富文本編輯器的完整指南

    WangEditor是一個開源的富文本編輯器,由阿里云開發(fā),它提供了一套簡潔易用的API和豐富的功能,如拖拽上傳圖片、插入表格、自定義表情等,適用于網(wǎng)頁和移動應用中的內(nèi)容編輯場景,本文介紹了Vue使用wangeditor創(chuàng)建富文本編輯器的完整指南,需要的朋友可以參考下
    2024-08-08
  • Vue+SpringBoot前后端分離中的跨域問題

    Vue+SpringBoot前后端分離中的跨域問題

    在前后端分離開發(fā)中，需要前端調(diào)用后端api并進行內(nèi)容顯示，所以本文就介紹了Vue+SpringBoot前后端分離跨域問題，感興趣的可以了解一下
    2021-08-08
  • vue3 vite如何讀取文件內(nèi)容

    vue3 vite如何讀取文件內(nèi)容

    這篇文章主要介紹了vue3 vite如何讀取文件內(nèi)容問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-05-05
  • vue單文件組件的實現(xiàn)

    vue單文件組件的實現(xiàn)

    最近翻閱了一下vue。發(fā)覺有一個單文件組件之前基本忽視掉了。所以本文就詳細的介紹了vue單文件組件的實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-06-06

最新評論