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