el-select的下拉选择框选择值 框内不发生改变

Question

问题遇到的现象和发生背景

vue2里 改以前别人写的代码 有一块地方是两个el-select的下拉选择框 前一个发生改变的时候 要求把后一个置空 我监听了前一个的变化 后一个被置空了 但是在选 他框内的值就不会发生改变 watch也监听不到 他的值发生了改变 但是更改除这两个下拉框以外的其他东西 修改一下就出现了

用代码块功能插入代码，请勿粘贴截图

// 定义表单
data() {
   return {
        from：{}
    }
}
// 监听
watch: {
    'form.caseType': function (newValue, oldValue) {
      this.form.caseTypeDetail = null
      listCaseType(newValue).then(response => {
        this.caseTypeDetailData = response.data
      })
    },
}

我的解答思路和尝试过的方法

修改其他dom更新的时候 他会跟这改变 我尝试的用了一下 this.$forceUpdate() 跟 this.$nextTick() 方法 没什么效果

Answer 1

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7563284
• 你也可以参考下这篇文章：关于el-select的可选择可输入方法