uniapp中refs获取打印是空对象{}的解决办法

9月前作者：喜樂的CC 分类：Toy博客阅读(31) 违法举报

这篇具有很好参考价值的文章主要介绍了uniapp中refs获取打印是空对象{}的解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

场景复现

版本如下:

"@dcloudio/uni-app": "2.0.2-3080720230703001",

"vue": ">= 2.6.14 < 2.7",

开发中发现只要是view这些原始标签的ref都无法在任何地方获取到refs.xxx, 而组件标签如<myStep></myStep> 这种加ref就能获取到.

解决办法

用如下代码平替this.refs, 标签中的ref改为id

uniapp中refs获取打印是空对象{}的解决办法,java,javascript,前端

获取实例js方法如下:

const item = this.createSelectorQuery().in(this).select("#item_0"); // 通过id获取实例
item.boundingClientRect((data) => { // 获取实例边界属性
console.log(data)
}).exec();

写在最后

截止目前不知道为什么this.$refs打印一直是空对象, 给到组件的ref就能获取实例, 给到view标签的都不行文章来源地址https://www.toymoban.com/news/detail-573818.html

到了这里，关于uniapp中refs获取打印是空对象{}的解决办法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vue3中ref获取不到组件实例&&数组中对象的属性值去重

1、vue3中ref获取不到组件实例原因：使用语法糖的组件是默认关闭的，也即通过模板 ref 或者 $parent 链获取到的组件的公开实例，不会暴露任何在 script setup 中声明的绑定。解决方法 : 为了在语法糖组件中明确要暴露出去的属性，使用 defineExpose 编译器宏将需要暴露出去的变

2024年02月11日
浏览(45)
uniapp中开发小程序使用ref获取dom实例，一直显示undefined，竟然发现是这个原因！

小程序是不能使用getElementById之类的dom api，所以考虑使用ref来获取dom元素，但事实上并不是如此，绑定ref后并没有输出我想要的dom元素。既然console.log(this.$refs.iRef)为undefined，会不会this.$refs也是undefined？然而this.$refs是有值的，就是没有iRef，那么到底是为什么？会不会是需要

2024年02月11日
浏览(44)
nginx反代后java的request.getScheme获取不到https的解决办法

在实际应用中，经常会用到nginx反向代理应用，这中就会出现一中情况，访问https页面Java 通过request.getScheme()获取不到https协议，或者response.sendRedirect重定向是http，而不是我们想要的https。经过反代后，协议信息没有转发到后端，或者后端没有设置protocolHeader 需要在nginx的配置

2024年02月12日
浏览(37)
this.$refs.form.validate() 不执行问题的解决办法

使用以下方法获取校验状态的时候，一直获取不到，console没有结果输出 ①存在没有加入验证规则的 prop 如：在代码中写了很多这样的 prop，作为需要验证的字段：但是，在定义的 rules 里面没有出现该 prop：注意：一般来讲，多加上 prop 不会有问题，还有可能是自定义的校验

2024年02月12日
浏览(32)
element-ui关于获取from表单项整个对象的方法，以及this.$refs[formName].resetFields()清除失效情况

也就是表单验证时出现的几个坑：第一： el-form 表单绑定的动态属性，而不是 v-model 双向绑定第二： el-form-item 表单项是里面才是 el-input 输入框和单选之类。第三：注意的是：表单需要： ref=\\\"form\\\" :model=\\\"form\\\" ，特别注意是表单项： prop=\\\"input\\\" ，必须是，绑定的对象from里面的

2024年02月15日
浏览(35)
WPS Office 无法启动打印作业的解决办法

打印机安装驱动后能打印测试页，但用WPS打印文件时提示“WPS Office 无法启动打印作业,请检查打印机是否开机并联机”,该怎么办？解决方法：关于这个问题估计很多朋友都遇到过，网上也有很多解决方法但基本上都是大同小异的，都是让启动打印服务“Print Spooler”啥的，这

2024年02月11日
浏览(60)
Altium Designer 22/23 没有打印预览解决办法

官方用户手册原文链接: 打印预览|Altium Designer 23 用户手册 |文档把√去掉这样打印预览就出现了，大概是ad觉得这功能没人用就默认关闭了

2024年02月15日
浏览(43)
解决Git报错fatal: couldn‘t find remote ref –-allow-unrelated-histories 的解决办法

当执行git中的“git pull origin master –allow-unrelated-histories”命令时，如果出现 fatal: couldn\\\'t find remote ref –-allow-unrelated-histories 的错误，输入如下命令即可解决： git pull --rebase origin master git push origin master 点赞 -收藏-关注-便于以后复习和收到最新内容有其他问题在评论区讨论-或

2024年02月13日
浏览(38)
element ui 组件打印时丢失样式的解决办法

当vue前端使用打印插件时（比如vue-print-nb）,偶尔会碰到无法打印出组件样式的情况，比如复选框el-checkbox。实际选中情况点击打印时的情况，没了√。找到对应的组件样式，比如复选框el-checkbox,找到.el_checkbox__input类，添加最终效果

2024年02月16日
浏览(53)
使用Git时出现couldn‘t find remote ref-allow-unrelated-histories的解决办法

当执行git中的“git pull origin master –allow-unrelated-histories”命令时，会出现“ couldn’t find remote ref –allow-unrelated-histories”的错误，可以简单理解为我们的远程仓库与本地仓库的内容不对等造成的。特别容易发生在我们新建了一个文件夹，往git仓库中上传资料的ing况下，如下

2024年02月11日
浏览(46)