iview 中下拉选择组件在异步请求到数据后初始数据绑定失败问题

在iview 下拉选择组件在异步请求到数据源时,给它的v-modal数据赋值异步请求到的数据,会出现无法初始化选中的问题。

原因:在异步请求到数据,对data中的数据进行赋值时,DOM并不会马上更新,而是会在下一个事件循环开始的时候更新,所以在这时对Select组件进行重新赋值绑定会导致无法绑定到数据。

解决办法: 我们在请求到数据源时,在更新data中的数据后立即使用 this.$nextTick(callback) 方法给v-modal绑定的数据赋初值。
大佬对该方法的解释:我理解的关于Vue.nextTick()的正确使用

代码:

this.nextTick(() => {
      this.vModalTest = 0;
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容