vue 中el-select联动 清空后无法点击选择后一个el-select

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', '');
    },