vue element的el-select下拉框赋值之后无法选择

最新推荐文章于 2024-05-28 17:33:08 发布

我再吃一口吧

最新推荐文章于 2024-05-28 17:33:08 发布

阅读量2k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/weixin_62310280/article/details/125676494

版权

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
    }
  }