<view style="text-align: right;padding-right: 20rpx;">
<u-button @click.stop="$emit('detail',cardinfo)" style="text-align: center;" type="success" size="mini">阅读详情</u-button>
</view>
![rajanZhan](https://img-cdn-tc.dcloud.net.cn/account/identicon/d13255006fa43be1bafa352f3d534806.png)
- 发布:2020-07-19 18:56
- 更新:2021-03-27 22:00
- 阅读:4843
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.7.14
浏览器平台: Chrome
浏览器版本: 版本 83.0.4103.116(正式版本) (64 位)
项目创建方式: HBuilderX
示例代码:
操作步骤:
直接点击就报错了
直接点击就报错了
预期结果:
正常
正常
实际结果:
报错
报错
bug描述:
组价使用@click.stop 时报如下的错误
[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'stopPropagation' of undefined"
found in
---> <UButton> at uview-ui/components/u-button/u-button.vue
<Card> at components/list-card/list-card.vue
<Refresh> at components/refresh/refresh.vue
at pages/index/index.vue
warn @ chunk-vendors.js:3849
e.config.errorHandler @ chunk-vendors.js:10
globalHandleError @ chunk-vendors.js:5112
handleError @ chunk-vendors.js:5081
invokeWithErrorHandling @ chunk-vendors.js:5104
invoker @ chunk-vendors.js:5421
invokeWithErrorHandling @ chunk-vendors.js:5096
Vue.$emit @ chunk-vendors.js:7165
click @ u-button.vue:248
click @ pages-index-index.js:512
invokeWithErrorHandling @ chunk-vendors.js:5096
invoker @ chunk-vendors.js:5421
invokeWithErrorHandling @ chunk-vendors.js:5096
invoker @ chunk-vendors.js:5417
original._wrapper @ chunk-vendors.js:10299
chunk-vendors.js:10 [system] TypeError: Cannot read property 'stopPropagation' of undefined
4 个回复
wynn
可以通过调用原生事件解决。例: @click.native.stop
jxtian
这个应该是插件 uviewUI 的组件吧,你给插件开发者反馈一下
jxtian
u-button 是你自定义的组件?
rajanZhan (作者)
UI框架的
2020-07-24 16:15
嗨哆嚒 - 嗨哆嚒
同样的问题,我用的u-icon。使用这个@tap.native.stop= 不会报错,但无效。id属性也无法设置。