• 背景。uniapp开发微信小程序。在使用两个组件拼接嵌套使用后,发现问题,会误操作跳转到更多页面。
  • 下图中两个事件若不使用stop修饰符,会相互影响。若点击uni-list-item会串行触发uni-card的handledoctorlist方法。

在这里插入图片描述

  • 产生上面问题原因是组件之间事件冒泡作用产生的。
  • 解决问题。就是要将@click事件更换成@tap.stop使用。更换的位置是内部的组件事件。
  • 使用tap是有依据的。在测试后发现@click.stop不起作用。这是文档链接,可查看明细链接
  • 事件映射表中不相同的的事件很意外就只有click。并描述到:// 事件映射表,左侧为 WEB 事件,右侧为 uni-app 对应事件
    在这里插入图片描述
  • 总结。
  • 依据uni-card和uni-list-item的使用说明文档,可以看到事件描述是使用click。但没问题,click能用,但无法阻止冒泡,改tap
    在这里插入图片描述
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐