嗨呀,我也开始写 uni-app
了 😂,这次在使用 uView
这个UI库的时候遇到了一个问题,就是 <u-icon>
组件使用 @click.stop
阻止冒泡事件使会提示异常:TypeError: e.stopPropagation is not a function
去看了一下组件的源码,发现 u-icon
组件的 click
事件是自定义事件,没有 event
,只返回了一个 this.index
,所以不能使用 .stop
来阻止冒泡,
但是看到它有 stop
属性可以来设置是否阻止事件传播,所以如果单纯直接用 u-icon
组件的话,可以通过设置 stop
属性来解决问题。
遇到其他情况
后来的开发过程中遇到:如果在 u-input
组件的的 slot
中插入 u-icon
组件依旧还是有问题,最后只能转为使用 @click.native.stop
来解决事件冒泡的问题。