清除elementUI中穿梭框(transfer)组件搜索框中的内容
<el-transfer
filterable
filter-placeholder="请输入"
v-model="houseLists"
:data="lists"
ref="myTransfer">
</el-transfer>
搜索框如下图,在打开下一个有穿梭框的窗口时搜索框内容未自动清除:
清除搜索框中内容的代码如下:
if(this.$refs.myTransfer){
this.$refs.myTransfer.$children["0"]._data.query = '';
// 清空右边搜索
this.$refs.myTransfer.$children["3"]._data.query = '';
}
本文介绍如何在ElementUI的穿梭框(transfer)组件中清除搜索框的内容,通过访问组件的内部数据属性实现搜索框的自动清除,适用于在切换不同页面或组件时保持界面的整洁。
1399





