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

作者: 菜鸟前端程序员 | 来源:发表于2019-01-24 00:14 被阅读0次

iview 中下拉选择组件在异步请求到数据后初始数据绑定失败问题
Vue+IView使用table组件在项目中遇到的问题记录
iview table+page组件筛选数据渲染
vue v-loading加载
Angular基本语法
最近碰到的问题
Vue双向数据绑定v-model
用AFNetworking在一个界面中使用5次时，怎么去刷新界面
5. 异步数据加载和更新
显示数据

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

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

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

代码：

this.nextTick(() => {
      this.vModalTest = 0；
})

iview 中下拉选择组件在异步请求到数据后初始数据绑定失败问题
在iview 下拉选择组件在异步请求到数据源时，给它的v-modal数据赋值异步请求到的数据，会出现无法初始化选中...
Vue+IView使用table组件在项目中遇到的问题记录
Vue项目开发中问题随笔：业务逻辑是这样的，在iView的table组件数据列表每行添加单选按钮后要绑定ref操...
iview table+page组件筛选数据渲染
iview官网中page换页配合table组件有示例，切换请求展示数据。需求：请求返回的数据需要进行赛选后再进行展...
vue v-loading加载
使用v-loading在接口为请求到数据之前，显示加载中，直到请求到数据后消失。在data 中定义初始化， lo...
Angular基本语法
1. 组件模板 1.1 数据绑定数据绑定就是将组件类中的数据显示在组件模板中，当组件类中的数据发生变化时会自动...
最近碰到的问题
1.异步的无序根据后端返回的数据动态生成元素，然后给元素绑定事件问题：数据还没请求回来，执行绑定事件函数的时候报...
Vue双向数据绑定v-model
v-model 数据双向绑定用作双向数据绑定一、组件内部双向数据绑定 1、在实例的data中，设置content...
用AFNetworking在一个界面中使用5次时，怎么去刷新界面
我们App请求数据时大部分人都会选择AFNetworking。使用AFN异步请求，请求的数据返回后，就刷新相关UI...
5. 异步数据加载和更新
异步加载入门示例中的数据是在初始化后setOption中直接填入的，但是很多时候可能数据需要异步加载后再填入。E...
显示数据
显示数据在 Angular 中最典型的数据显示方式，就是把 HTML 模板中的控件绑定到 Angular 组件的...