elementUI远程下拉搜索框清空后,选项里面还存留着上次的搜索结果

elementUI下拉搜索框清空后,选项里面还存留着上次的搜索结果
加上elementUI自带的clear方法和visible-change方法

<bm-form-item label="配送公司客户" >
                <bm-select
                  v-model="id"
                  filterable
                  remote
                  clearable
                  placeholder="请输入搜索内容"
                  :remote-method="query"
                  @visible-change="clearOptions"
                  @clear="clear">
                  <bm-option
                    v-for="item in options"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id">
                  </bm-option>
                </bm-select>
              </bm-form-item>

    query(key){//远程搜索
      if(key == ''){ // 防止搜索时传空，导致接口错误
        return 
      }
      queryMethod({ key: key }).then((res) => {
        this.options = res.data
      })
    },
    clearOptions(visible){ // 下拉框隐藏的时候判断值是否为空，为空清除下拉选项
      if(!visible && this.id == ''){
        this.options = []
      }
    },
    clear(){ // 手动清除也清空
      this.options = []
    },