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

发布于 2022-09-30 23:07:10 字数 579 浏览 48 评论 0

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

败给现实 2022-10-07 23:07:11

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

<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="请输入搜索关键词"
/>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文