溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“vue異步數據對頁面渲染的影響”，在日常操作中，相信很多人在vue異步數據對頁面渲染的影響問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”vue異步數據對頁面渲染的影響”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
今天遇到一個問題，要保證頁面渲染前請求的數據已經得到了
由于user是在異步請求之后保存在session中，而在頁面渲染時session中還沒有user，頁面直接報錯。
因此我希望能在所有請求都得到后再去做頁面的渲染。
1.先把id為app的div用v-if="appShow",定義appShow為false進行隱藏，避免渲染
2.寫計數器，每1ms進行一次查詢，如果session中已經有user，刪除過濾器，移除濾布，appShow為true，開始渲染頁面，這樣可以保證頁面的正常渲染。
具體代碼如下：
created:function (){
let that = this
let timeTerval = setInterval(()=>{
if(sessionStorage.user){
clearInterval(timeTerval);
that.appShow = true;//渲染app
var removeLoad = document.getElementById("loading")
removeLoad.style.display = "none"
}else{
console.log("1222")
}}, 1);
},到此，關于“vue異步數據對頁面渲染的影響”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
