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

最新推荐文章于 2024-04-13 20:57:56 发布
最新推荐文章于 2024-04-13 20:57:56 发布
阅读量1.1k 收藏 12
点赞数 7
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29484537/article/details/135775353
版权

在这里插入图片描述
问题产生：在列表上有个小按钮，可点击弹出选择框。 列表本身可点击进入详情页。所以想用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>
LingRuiBin
关注
  • 7
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery阻止事件冒泡 event.stopPropagation
10-28
在JavaScript和jQuery中，事件冒泡是一个常见的概念，它指的是事件从最内层的元素开始，逐级向上层元素传播事件的过程。例如，在一个包含图片的div中点击图片，事件会首先在图片元素上触发，然后继续在div元素上触发...
阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
10-30
阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation） 在JavaScript事件处理机制中，事件冒泡传递是一个重要的概念。当一个元素触发某个事件时，该事件就会沿着DOM树向上传递，直到到达文档的根元素为止...
uniapp中使用.stop报错 无法使用stopPropagation？
最新发布
g1437353759的博客
04-13 473
在开发中我们常常会遇到要的问题，加个.stop就好了。但是在组件上阻止事件冒泡会报错：$event.stoppropagation is not a function这是因为当事件添加到上时，会变成自定义事件，如果想要触发事件的回掉函数，则必须子组件内的$emit调用才可以。
uniapp使用阻止时间无效，报错stopPropagation()方法无效
m0_61629497的博客
03-29 490
使用：@click.native.stop。
Uncaught TypeError: Cannot read properties of undefined这个报错如何解决！
tianxianghuiwei的博客
04-09 3715
这个错误意味着您的代码尝试访问一个未定义的变量或对象的属性。在这种情况下，代码尝试读取一个名为'title'的属性，但该属性所属的对象是未定义的，因此引发了这个错误。
uniapp-uni-icons组件@click.stop失败解决~
Yjx的博客
12-20 901
不能用在uniapp组件uni-icons上，我们在外层包裹一层view标签，将点击事件放在view标签上即可，希望这个小技巧能帮助到您~
vue中cannot read property of undefined的问题分析及解决
热门推荐
weixin_46399753的博客
03-11 20万+
前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法 问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段 <div class="shop-header-discounts" @click="toggleSupportSho...
vue中莫名其妙报错“cannot read property of undefined”
geidongdong的博客
12-13 1万+
夸一下： 转自原文链接：https://blog.csdn.net/weixin_46399753/article/details/104802204 这个哥们真不错，不当老师可惜了。 前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法 问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段 {{info.supports[0].name}}
解决Cannot read properties of undefined (...)类型的报错
qq_51978639的博客
02-01 10万+
自用整理
"TypeError: Cannot read property 'undefined' of undefined"
牧马人
07-25 2万+
JavaScript错误提示"TypeError: Cannot read property 'undefined' of undefined" 出现这样的错误，只有一个解释, 那就是调用了未定义对象属性及方法 说明示例 定一个用于说明问题的对象 var flight = { airline: "Oceanice", number: 815, departure: {
JavaScript中使用stopPropagation函数停止事件传播例子
10-25
在这个例子中，当用户点击按钮时，首先会触发按钮上的点击事件处理函数，然后如果没有调用`event.stopPropagation()`，事件会继续向上冒泡到body元素，触发body的点击事件处理函数。但是，如果我们调用了`event....
Vue监听事件实现计数点击依次增加的方法
10-17
调用`event.stopPropagation()`可以防止事件向上冒泡到父元素，防止它们被父级的事件处理器捕获。 在HTML中，我们可以看到两种阻止事件冒泡的方式： 1. 使用`v-on:mousemove="dummy"`，当鼠标移动到`<span>`元素上...
在点击div中的p时，如何阻止事件冒泡
08-31
标题中的问题是如何在点击`<div>`中的`<p>`元素时，只触发`<p>`的点击事件而不触发`<div>`的点击事件。描述中给出了一个具体的示例，包含HTML、CSS和JavaScript代码，其中`<div>`和`<p>`元素都绑定了`onclick`事件，...
JS鼠标3次点击事件实现代码及扩展思路
10-19
JavaScript中的鼠标点击事件是网页交互中的基础，它们允许开发者响应用户的点击操作。在这个场景中，我们关注的是如何实现一个JS鼠标3次点击事件，并探讨一些可能的扩展思路。首先，我们要了解JavaScript事件处理的...
为body标签和document.body都添加点击事件后仅Firefox弹出了两次
09-05
4. **阻止冒泡**：在事件处理函数中使用`event.stopPropagation()`方法可以阻止事件向上冒泡到父元素，防止事件在DOM树中的传播。但需要注意的是，这可能会阻止其他必要的事件处理，因此应谨慎使用。 5. **合并事件...
用纯CSS实现禁止鼠标点击事件示例代码
09-24
在网页开发中，有时我们需要禁用某些元素的鼠标点击事件，以防止用户与其交互。通常，这可以通过JavaScript的`event.preventDefault()`和`event.stopPropagation()`方法实现。然而，这些方法需要编写额外的...
[解决]“TypeError: Cannot read property ‘xxx‘ of undefined“
m0_64838460的博客
11-18 1万+
错误解决。
Cannot read properties of undefined (reading ‘resetFields‘)“
embelfe_segge的博客
03-03 2271
form表单自带resetFields重置与validate验证报错 Cannot read properties of undefined (reading ‘resetFields’)" Cannot read properties of undefined (reading ‘validate’)" 1、语法是否正确 //重置表单 this.$ refs.searchForm.resetFields() 或 this.$ refs[‘searchForm’].resetFields() //表单验证
vue中出现 TypeError: Cannot read properties of undefined (reading ‘substring‘)错误
...
11-27 1万+
报错的原因:你的数据来源为空 解决方案:在数据的标签里面 进行判断 v-if=“字符串内容”
react点击触发事件报错Cannot read properties of undefined (reading 'stopPropagation')
05-31
这个错误通常出现在你在事件处理函数中使用 `stopPropagation()` 方法时，事件参数并未正确地传递到函数中。你需要检查事件处理函数的参数是否正确传递，并确保在调用 `stopPropagation()` 方法之前，事件参数不为 `undefined`。 例如，在 React 中，你需要将事件作为参数传递给你的事件处理函数，例如： ``` handleClick = (event) => { event.stopPropagation(); // rest of your code } render() { return <button onClick={this.handleClick}>Click Me</button>; } ``` 在这个例子中，`event` 参数被正确地传递给了事件处理函数 `handleClick`，从而避免了出现 `Cannot read properties of undefined (reading 'stopPropagation')` 的错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值