【无标题】

需求

项目开发中，修改弹窗中使用了联动下拉框【A 联动 B】。

问题

在修改功能中，当表单内容回显时，A 直接被赋值，但是B的下拉框没有被联动，出现异常。

原因

直接赋值，不能触发 @change 事件，即不能实现 B 的联动。
为什么不能触发 @change 事件，系视图更新不及时。

解决方法

1. 使用 nextTick

this.form = res.data
this.$nextTick(() = > {
	// 再次对 A 进行赋值，既可触发 @change
	this.form.A = res.data.A
})

2. 手动调用 @change 事件