vue中數(shù)據(jù)變了但是頁面沒變 Vue項目中使用axios獲取網(wǎng)頁數(shù)據(jù)問題?
Vue項目中使用axios獲取網(wǎng)頁數(shù)據(jù)問題?現(xiàn)在我們已經(jīng)通過webpack Vue cli構(gòu)建了一個Vue項目框架。如果需要在Vue組件中使用Axios從后臺獲取數(shù)據(jù),我們應(yīng)該怎么做?通常,我們設(shè)置的
Vue項目中使用axios獲取網(wǎng)頁數(shù)據(jù)問題?
現(xiàn)在我們已經(jīng)通過webpack Vue cli構(gòu)建了一個Vue項目框架。如果需要在Vue組件中使用Axios從后臺獲取數(shù)據(jù),我們應(yīng)該怎么做?通常,我們設(shè)置的項目目錄應(yīng)該如下所示。首先,我們需要安裝Axios。NPM的每個人都知道下一步該做什么主要.js與許多第三方模塊不同,Axios不能使用這種使用方法。相反,它應(yīng)該執(zhí)行以下操作虛擬樣機.$axios=axios然后,我們可以應(yīng)用程序.vue在Vue中加載和顯示新數(shù)據(jù)是最簡單的。只需向數(shù)據(jù)中添加新值{loadMore:函數(shù)(){yourAjaxMethod(函數(shù)(moreData){此.items.push(更多數(shù)據(jù))}。Bind(this))}另一個問題是如何觸發(fā)loadmore。這里,就像你說的,滾動。因此,您需要偵聽滾動事件或使用其他滾動插件(如iscroll)來調(diào)用相應(yīng)回調(diào)中的loadmore
Vue resource。在請求之后,返回的數(shù)據(jù)被封裝,您自己的JSON數(shù)據(jù)存儲在響應(yīng)。主體你可以通過響應(yīng).json()獲取數(shù)據(jù)