Vue踩坑之 el-select下拉框多选，选择后赋值成功，输入框不显示选中的值

Posted 2022-02-28 小行星125

问题描述：
多选下拉框，选中列表中的选项，但输入框不显示已经选中的数据并且下拉框中已选中的数据不是选中状态。

问题原因：
Vue 无法监听动态新增的属性的变化。

问题解决：
方法一： 在el-select选框组件中绑定change事件，如下:

changeData() 
	this.$nextTick(() => 
   		this.$forceUpdate()
	)

方法二：change事件中使用$set来对属性赋值，如下:

changeData(val) 
	this.$set(this.formData, this.formData.id, val.value)