鍍金池/ 問答/HTML/ vue input雙向數(shù)據(jù)綁定延遲的問題

vue input雙向數(shù)據(jù)綁定延遲的問題

我利用inpu做了一個開關按鈕 綁定一開始是關閉狀態(tài) 也就是isOpen為false,
然后每次進入組件的時候在created里調用getAutoInvestInfo方法去請求數(shù)據(jù) 如果返回的status為1就就讓開關變成開啟狀態(tài) 也也就是isOpen變成true
現(xiàn)在有個問題就是每次進入組件的時候開關默認關閉的 然后可能是由于要調接口獲取數(shù)據(jù)需要時間導致開關開啟有延遲 也就是一進入組件開關顯示的是關閉狀態(tài) 經過很短的時候之后變成了開啟
這種感覺不太好 雖然默認是關閉的 但是我想如果返回的status是1 q我看到的直接就是開啟狀態(tài) 不想看到由關閉變成開啟的狀態(tài) 這個有辦法解決嗎

HTML代碼
<input type="checkbox" v-model="isOpen" id="switchAutoInvest" class="regular-checkbox big-checkbox" />
<label for="switchAutoInvest" id="label"></label>

created里
this.getAutoInvestInfo()
請求到數(shù)據(jù)后
if(data.status == 1) {// 已開啟
this.isOpen = true
}
上傳不 了圖片 就不發(fā)圖了

回答
編輯回答
凹凸曼

你這樣的話,你的請求放在beforeRouteEnter鉤子中,在進入路由之前獲取數(shù)據(jù)。

2017年7月13日 03:08
編輯回答
憶當年

加一個loading效果,獲取到數(shù)據(jù)后,去掉loading效果

2017年11月20日 08:27
編輯回答
解夏

可以設置一個flag默認為false,添加到根元素上, 當created里面的函數(shù)拿到結果后設置flag 為true,然后顯示全部內容。

2017年1月13日 09:24
編輯回答
吢丕

可能此操作是異步的,改成同步的試試

2018年2月14日 20:08