vant组件中search为什么不能双向绑定?多次refs输出的search对象也不一样

新手上路,请多包涵

想实现的效果:点击切换tab,实现清空输入框。
image.png
1、实现方法:在watch中监听tab的切换,当变化时,使keyWord为空,但是并不起效果!
image.png
所以输出了$refs,但是在不同的页面,输出了不同的值。

代码都是console.log(this.$refs.search)
第一次输出了组件对象
image.png
第二次输出了DOM对象
image.png

第一次输出的对象中有searchValue,把这个值也置空,就能实现点击切换tab时,清空搜索框
image.png
但是第二次,完全没有思路,这两次的代码完全一致的!!!

阅读 3.1k
1 个回答

试了下是可以的,是不是哪写得不太对

<van-tabs v-model="active" @change="value = ''">
    <van-tab title="标签 1">内容 1</van-tab>
    <van-tab title="标签 2">内容 2</van-tab>
    <van-tab title="标签 3">内容 3</van-tab>
    <van-tab title="标签 4">内容 4</van-tab>
</van-tabs>
...
<van-search
    v-model="value"
    show-action
    placeholder="请输入搜索关键词"
/>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题