ElementUI 穿梭框清除搜索内容

915 阅读1分钟
//给穿梭框加ref
<el-transfer
          v-model="value"
          filterable
          :titles="['全部角色', '关联角色']"
          filter-placeholder="请输入角色名称"
          :data="roleListAll"
          ref="myTransfer"
          @clearQuery="handClear"
          :props="{
            key: 'id',
            label: 'roleName',
          }"
        />
        
        //在需要清除的地方加上如下代码
        
        // 穿梭框 清除搜索内容
      if (this.$refs.myTransfer) {
          //清除左边搜索
        this.$refs.myTransfer.$children['0']._data.query = ''
        // 清空右边搜索
        this.$refs.myTransfer.$children['3']._data.query = ''
      }