uniapp点击事件报错 Cannot read property ‘stopPropagation‘ of undefined

问题产生:在列表上有个小按钮,可点击弹出选择框。 列表本身可点击进入详情页。所以想用click.stop来阻止点击小按钮时候,触发列表的点击事件。

结果:如图所示

解决方案:发现自己用的是icon,在icon上加click.stop是不行的。但是只要在icon上包裹一层label,就可以正常使用了。

javascript 复制代码
 <label      @click.stop="togleAction(item)">
              <uni-icons type="more-filled" size="20" color="#ffffff"
              ></uni-icons>
            </label>
相关推荐
Python大数据分析11 分钟前
uniapp微信小程序商品列表数据分页+本地缓存+下拉刷新+图片懒加载
缓存·微信小程序·uni-app
机构师12 分钟前
<uniapp><指针组件>基于uniapp,编写一个自定义箭头指针组件
javascript·uni-app·vue·html
小白_ysf13 分钟前
uniapp和vue3项目中引入echarts 、lime-echart(微信小程序、H5等)
微信小程序·uni-app·echarts·h5·lime-echart
imHere·14 分钟前
UniApp 分包异步化配置及组件引用解决方案
微信小程序·uni-app·分包
2501_916013743 小时前
App 上架全流程指南,iOS App 上架步骤、App Store 应用发布流程、uni-app 打包上传与审核要点详解
android·ios·小程序·https·uni-app·iphone·webview
0x0003 小时前
Uniapp - 自定义 Tabbar 实现
前端·uni-app
SY_FC3 小时前
uniapp发布成 微信小程序 主包内 main.wxss 体积太大
微信小程序·小程序·uni-app
你很易烊千玺4 小时前
即时通讯小程序
小程序·uni-app·直播
风雨兼程^_^5 小时前
ai生成文章,流式传输(uniapp,微信小程序)
ai·微信小程序·uni-app·流式传输
2501_9159184113 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone