watch监听form.applicant.applyUnit里值的变化,赋值给form.project.disposalType,但发现下拉框不能再次选择
watch: {
'form.applicant.applyUnit': {
handler (val) {
if (val) {
if (val.includes('桐庐')) {
this.form.project.disposalType = '1'
} else {
this.form.project.disposalType = '2'
}
}
},
deep: true
}
}
查到的方案是el-select 的 change 事件绑定 refreshData 方法,但是尝试无果
<el-select v-model="form.project.disposalType"
multiple
placeholder="请选择"
@change="$forceUpdate()">
<el-option
v-for="item in dicdata['MUCK_DISPOSAL_TYPE']"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
后采用另外一种赋值方式,成功解决
watch: {
'form.applicant.applyUnit': {
handler (val) {
if (val) {
if (val.includes('桐庐')) {
this.$set(this.form.project, 'disposalType', '1')
// this.form.project.disposalType = '1'
} else {
this.$set(this.form.project, 'disposalType', '2')
// this.form.project.disposalType = '2'
}
}
},
deep: true
}
}