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

最新推荐文章于 2024-04-13 20:57:56 发布

置顶 LingRuiBin

最新推荐文章于 2024-04-13 20:57:56 发布

阅读量1.5k

点赞数 8

文章标签： uni-app

本文链接：https://blog.csdn.net/qq_29484537/article/details/135775353

版权

文章描述了一个问题，如何在点击列表上的小按钮时阻止其触发列表的默认点击行为。作者发现直接在icon上使用click.stop无效，但通过在icon上添加一层label并设置click.stop属性解决了问题。解决方案是利用label包裹uni-icon组件并应用阻止事件传播的策略。

摘要由CSDN通过智能技术生成

在这里插入图片描述
问题产生：在列表上有个小按钮，可点击弹出选择框。列表本身可点击进入详情页。所以想用click.stop来阻止点击小按钮时候，触发列表的点击事件。
结果：如图所示
解决方案：发现自己用的是icon，在icon上加click.stop是不行的。但是只要在icon上包裹一层label，就可以正常使用了。

 <label      @click.stop="togleAction(item)">
              <uni-icons type="more-filled" size="20" color="#ffffff"
              ></uni-icons>
            </label>