iview 中下拉選擇組件在異步請(qǐng)求到數(shù)據(jù)后初始數(shù)據(jù)綁定失敗問(wèn)題

在iview 下拉選擇組件在異步請(qǐng)求到數(shù)據(jù)源時(shí),給它的v-modal數(shù)據(jù)賦值異步請(qǐng)求到的數(shù)據(jù),會(huì)出現(xiàn)無(wú)法初始化選中的問(wèn)題。

原因:在異步請(qǐng)求到數(shù)據(jù),對(duì)data中的數(shù)據(jù)進(jìn)行賦值時(shí),DOM并不會(huì)馬上更新,而是會(huì)在下一個(gè)事件循環(huán)開(kāi)始的時(shí)候更新,所以在這時(shí)對(duì)Select組件進(jìn)行重新賦值綁定會(huì)導(dǎo)致無(wú)法綁定到數(shù)據(jù)。

解決辦法: 我們?cè)谡?qǐng)求到數(shù)據(jù)源時(shí),在更新data中的數(shù)據(jù)后立即使用 this.$nextTick(callback) 方法給v-modal綁定的數(shù)據(jù)賦初值。
大佬對(duì)該方法的解釋:我理解的關(guān)于Vue.nextTick()的正確使用

代碼:

this.nextTick(() => {
      this.vModalTest = 0;
})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容