vue非同步axios獲取的資料怎樣渲染到頁面

2021-08-19 11:17:33 字數 778 閱讀 1820

我們在vue,資料很多事非同步獲取來的,如果在template直接使用,會報錯,undefined。

因為先渲染後得到的資料,那如何才能不報錯呢?

computed!!!

舉個例子

index.vue

忽略坑人的傳參方式。。。

created())

})},

在建立時獲取資料,將其存入store

加入頁面只能這樣寫

equip.vue

class="tit">規格資訊h3>

class="key">裝置慣用名span>

class="val">

}span>

li>

class="key">裝置名稱span>

class="val">

}span>

li>

class="key">規格型號span>

class="val">

}span>

li>

v-if="show">

class="key">採購**span>

class="val">

}span>

li>

ul>

可以這樣寫,computed 屬性,當equipdata發生變化時,頁面會自動渲染,如果資料沒有獲取到,預設它為空,這樣就不會報錯

computed:

},

vue專案及axios請求獲取資料

一般vue專案中 乙個頁面是由多個元件組成的,各個組建的資料都是統一在主介面的元件中傳送axios請求獲取,這樣極大地提高了效能。import homeheader from components header import homeswiper from components swiper imp...

axios獲取資料,vue不重新渲染

解決如下 使用者名稱th 郵箱th th tr thead v for user,i in list key user.userid td v text user.username td td td tr tbody table div 建立 vue 例項,得到 viewmodel var vm n...

vue使用axios實現非同步請求

首先,安裝axios和qs 然後,在main.js中引入 import axios from axios import qs from qs vue.prototype.axios axios todo 這裡qs怎麼全域性引入?我是前端小白。在vue.config.js下,module.export...