elementui 穿梭框 Transfer 执行 clearQuery失效

privatevoid0

于 2023-04-27 17:13:06 发布

阅读量517

点赞数 1

文章标签： elementui javascript java

本文链接：https://blog.youkuaiyun.com/u014158257/article/details/130411117

版权

在尝试多种方法无果后，找到了一种有效的方式清空VueTransfer组件的左右两侧搜索框的查询内容，通过$refs访问子组件的内部数据并进行修改，具体代码为：使用$nextTick确保DOM更新后，分别修改$refs.myTransfer的第一个和第四个子组件(_data.query)为空字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上看到好几种实现方式,都不能成功
在尝试了好几种后尝试出了,奉上代码

		this.$nextTick(() => {
          // 清空左边搜索
          this.$refs.myTransfer.$children["0"]._data.query = '';
          // 清空右边搜索
          this.$refs.myTransfer.$children["3"]._data.query = '';
        })