uniapp使用this.$refs.content.addEventListener提示 addEventListener is not a function 错误
这是因为在 Vue 中，$refs 是一个对象，它直接引用组件实例或 DOM 元素，而不是原生的 DOM 元素。要解决这个问题，可以使用 $el 属性来访问原生的 DOM 元素，然后再使用 addEventListener。
将代码修改为：
this.$refs.content.$el.addEventListener('click', this.close)
通过使用 $el 属性，可以访问到 this.$refs.content 的原生 DOM 元素，并且可以正确地使用 addEventListener。
请注意，确保在使用 addEventListener 之后适当地处理事件，例如在适当的时机使用 removeEventListener 来避免内存泄漏。
uniapp使用this.$refs.content.addEventListener提示 addEventListener is not a function 错误相关推荐
- uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
参考文档: https://uniapp.dcloud.io/api/ui/prompt?id=showmodal 显示模态弹窗,可以只有一个确定按钮,也可以同时有确定和取消按钮.类似于一个API整合 ...
- uni-app点击按钮弹出提示框
uni-app点击按钮弹出提示框 点击事件 <view class="footerbotom_button" @click="ajp">立即支付&l ...
- Uni-app中几种常用的提示框
1.成功提示框 提交表单的时候,提交成功弹出的提示框. uni.showToast({title: '提交成功',duration: 2000 }); 2.加载框 uni.showLoading({t ...
- uniapp运行到IOS真机提示 错误:请查看是否设备未加入到证书列表或者确认证书类型是否匹配
最新版本的HBuilderX开发工具,uniapp ios 运行到真机 提示: 错误:请查看是否设备未加入到证书列表或者确认证书类型是否匹配 ios开发描述文件必须绑定调试设备,只有授权的设备才可以直 ...
- Win7/Win8 系统下安装Oracle 10g 提示“程序异常终止，发生未知错误”的解决方法...
我的Oracle 10g版本是10.2.0.1.0,(10.1同理)选择高级安装,提示"程序异常终止,发生未知错误". 1.修改Oracle 10G\database\stage\ ...
- 【转】nginx提示：500 Internal Server Error错误的解决方法
[转]nginx提示:500 Internal Server Error错误的解决方法 参考文章: (1)[转]nginx提示:500 Internal Server Error错误的解决方法 (2) ...
- mkdir()提示No such file or directory错误的解决方法
mkdir()提示No such file or directory错误的解决方法 参考文章: (1)mkdir()提示No such file or directory错误的解决方法 (2)http ...
- Nginx 提示host not found in upstream 错误解决方法
Nginx 提示host not found in upstream 错误解决方法 参考文章: (1)Nginx 提示host not found in upstream 错误解决方法 (2)http ...
- Windows Media Player 损坏提示“出现了内部应用程序错误解决方法
在线看电影的时候图像花屏,更换浏览器都无法解决.每次开启在线电影的时候提示Windows Media Player 损坏提示"出现了内部应用程序错误".笔者尝试在Windows组件 ...
- mysql 启动 failed to start_Linux下启动MySQL提示“mysql deamon failed to start”错误的解决办法...
有台Linux服务器,系统为CentOS系统. 描述: 网站突然连接不上数据库,于是朋友直接重启了一下服务器.进到cli模式下,执行 service myqsld start 发现还是提示" ...
最新文章
- vba和python哪个好学-python和vba学哪个
- 如何自定义Hibernate脏检查机制
- MIP开发教程(三) 使用MIP-CLI工具调试组件
- mysql-电商库演练2-拆表-修改字段-添加外键
- redis 系列10 字符串对象
- php跨域传sessionid,php中http与https跨域共享session的解决方法
- 五、Oracle学习笔记：DQL数据查询语句
- Linux下的C语言编程教程-Chinaitlab制作
- 龙芯2F Debain编openssl报/usr/local/bin/ld: /usr/lib/libdl.so: error adding symbols: file in wrong format
- 智慧城市顶层设计跨界思维指导方案(ppt)
- Data Integration Introduction
- 三星pay显示连接服务器失败,Samsung Pay刚刚上线就遇绑卡失败，三星闹哪样？
- 拍照解数独之识别数独图片
- [附源码]JAVA+ssm计算机毕业设计餐饮管理系统（程序+Lw)
- Latex ulem包设置下划线删除线强调文本等效果
- MaterialDesign美化控件
- Linux之时区修改
- 删库跑路！创世人回应了，公司市值暴跌 10 亿始末！
- 基础tips:.NET和ASP.NET还有ASP到底是什么?客户端WinForm和WPF的区别？前端三大框架，webpack和vite的比较，android三大框架.
- html点击小图轮播图,使用纯CSS实现点击轮播图效果，无js。