在iview 下拉选择组件在异步请求到数据源时,给它的v-modal数据赋值异步请求到的数据,会出现无法初始化选中的问题。
原因:在异步请求到数据,对data中的数据进行赋值时,DOM并不会马上更新,而是会在下一个事件循环开始的时候更新,所以在这时对Select组件进行重新赋值绑定会导致无法绑定到数据。
解决办法: 我们在请求到数据源时,在更新data中的数据后立即使用 this.$nextTick(callback)
方法给v-modal绑定的数据赋初值。
大佬对该方法的解释:我理解的关于Vue.nextTick()的正确使用
代码:
this.nextTick(() => {
this.vModalTest = 0;
})