el-select选择器赋值为空后无法选中回显

原因:
    焦点问题

背景:我是做了监听,因为需求要求选择街道后联动文号与项目名称,一个街道对应多个个文号与项目名称,因此当街道变化,需要清空之前的文号与项目名称信息。

解决办法:

 <el-select
            v-model="detailForm.street"
            placeholder="请选择"
            filterable
            style="width: 100%"
            clearable
            @change="handleStreetChange"
          >
            <el-option
              v-for="item in szjdTypeList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>

  handleStreetChange() {
      this.$set(this.detailForm, 'licenseNumber', '');
      this.$set(this.detailForm, 'projectName', '');
    },

Logo

前往低代码交流专区

更多推荐