记录在 uni-app 中使用 uViewUI 的图标组件使用 @click.stop 拦截冒泡事件报错

嗨呀,我也开始写 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 来解决事件冒泡的问题。