在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;
})