【vue】vant的list组件,给list的子项目增加点击事件,如何禁止滚动list的时候触发子项目的点击事件?

发布于 2022-09-12 22:21:10 字数 480 浏览 9 评论 0

目前有个vant-list列表,一开始能正常触摸滚动

但给list的子项目添加点击之后,触摸滚动的时候会先触发点击事件(我的点击事件是跳转到另一个详情页)

如何解决这个问题?

image.png

比如上图

<van-list
  v-model="loading"
  :finished="finished"
  finished-text="没有更多了"
  @load="onLoad"
>
  <van-cell v-for="item in list" :key="item" :title="item" @click="jumpToDetail(item)"/>
</van-list>

如何在保证单个点击jumpToDetail方法生效的同时,也能正常触摸下滑滚动?

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

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

发布评论

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

评论(1

↘人皮目录ツ 2022-09-19 22:21:11

长按拖动应该不会触发点击才对。我刚才试了一下,是正常的。会不会你其他地方绑定了点击事件

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文