- 背景。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