Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] 卡片布局footer插槽点击跳转的bug #5869

Open
cyk2018 opened this issue Aug 27, 2024 · 5 comments
Open

[Bug Report] 卡片布局footer插槽点击跳转的bug #5869

cyk2018 opened this issue Aug 27, 2024 · 5 comments

Comments

@cyk2018
Copy link

cyk2018 commented Aug 27, 2024

重现链接

使用footer插槽之后的card组件,在点击这些内容时会出现数据传输错误的情况(数据传输使用的时eventChannel功能)

Vant Weapp 版本

1.11.6

描述一下你遇到的问题。

card组件的footer插槽无法成功跳转

重现步骤

  1. 使用card组件
  2. 启动footer插槽,例如写一些文本
  3. 使用eventChannel传递数据,并编写wx.navigateTo逻辑
  4. 测试点击footer部分和其他部分的区别

设备/浏览器

微信小程序

@landluck
Copy link
Contributor

提供一下小程序代码片段, 使用完插槽后逻辑都是自己控制的

@cyk2018
Copy link
Author

cyk2018 commented Oct 24, 2024

提供一下小程序代码片段, 使用完插槽后逻辑都是自己控制的

好的,稍等哈

@cyk2018
Copy link
Author

cyk2018 commented Oct 24, 2024

您好,我调试之后发现,似乎是点击footer的文字触发的事件中target和currentTarget不一致,currentTarget指向的是父组件的内容,但target指向的是子组件的内容。
image
请看上图,通过currentTarget可以获取到父组件的id,进而实现正确的跳转逻辑。

@cyk2018
Copy link
Author

cyk2018 commented Oct 24, 2024

@cyk2018
Copy link
Author

cyk2018 commented Oct 24, 2024

@landluck 您可以参考我的代码片段,因为导入vant之后的包非常大无法分享,所以删除了这部分,效果就是点击footer部分无法正确跳转,点击其他部分可以。
但是我不知道这是否是vant需要负责的部分,也可能是我对js内容的不熟悉,麻烦您评估一下必要性。
另,想咨询一下对于导入了vant之后无法进行分享的代码片段是否有办法可以解决呢?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants