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

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

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

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

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

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

 

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

總結(jié)

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

相關(guān)文章

  • vue項(xiàng)目在線上服務(wù)器訪問失敗原因分析

    vue項(xiàng)目在線上服務(wù)器訪問失敗原因分析

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

    vue3組件庫Shake抖動(dòng)組件搭建過程詳解

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

    vue設(shè)置頁面超時(shí)15分鐘自動(dòng)退出登錄的方法詳解

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

    vue.js路由mode配置之去掉url上默認(rèn)的#方法

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評(píng)論