ant-design-vue中的TreeSelect多选功能，输入的搜索文字怎么清空？

Question

树型选择控件多选支持搜索的时候，输入文字，匹配不到数据的时候，失去焦点或者提交表单的时候怎么清空输入的查询文字？
官网链接：https://tangjinzhou.gitee.io/...

想要的效果(失去焦点清除搜索文字)：

Answer 1

没明白你什么意思 怎么个清除法儿你要说明白 Backspace键就能清除

Answer 2

<template>
  <a-tree-select
    style="width: 300px"
    :treeData="treeData"
    :value="value"
    @change="onChange"
    treeCheckable
    :showCheckedStrategy="SHOW_PARENT"
    searchPlaceholder='Please select'
  />
</template>
export default {
  data () {
    return {
      value: ['0-0-0'],
    }
  },
  methods: {
    onChange (value) {
      console.log('onChange ', value)
      this.value = value
      
      
      //你是不是在这里发请求   如果没有结果  value = ""  不行吗？
      
    },
  },
}

Answer 3

searchValue

Answer 4

 <a-tree-select 
    @search="handleSearch"
    :searchValue = "searchvalue"
    >
 </a-tree-select>

mounted() {
  this.$nextTick(()=>{
    document.addEventListener("click",(event)=>{
      event.stopPropagation();
      this.searchvalue = ""
    })
  })
},

handleSearch(e){
  this.searchvalue = e;
}

配合searchValue 和 search，点击页面空白位置清空搜索框值，希望帮助到需要的人。