本篇文章介绍了vue里碰到 $refs 的问题，分享给大家，希望能帮助大家解决问题

记录困惑自己一个简单的问题...(瞬间感觉官方文档的强大)

在自己做的一个项目中，遇到一个列表页，根据id能进入详情页（动态匹配路由），详情页是单独的一个组件，在这个详情的组件里，我想获取内容给你区域的高度，以此来判断对底部按钮显示的位置，但是在ref的时候，就是获取不到该标签，在mounted钩子函数里打印 this.$refs，也能看到这个值，但就就是点不出来（this.$refs这个对象里这个值，但是就是获取不到，我打印的是个假值?）

在mounted函数，打印的每次都是undefined。郁闷啊...为什么啊...

重新起个项目看看..

全部正常的打印,我擦...蒙蔽了...

好吧，网上看看有没有遇到类似的...看来是我自己比较挫，没有什么资源，看来还是自己的问题，这个时候，就是看文档了...

感觉自己没有没有什么错啊,是按上面做的...，但是作者特别强调了$refs 不是响应式的。额，想想...不对...,我那个组件好像就是响应式，或根据id来显示不同的数据。额，好吧.。这里ref只能在根组件，才能获取，其他的都获取不到。但是能打印出来，能看到...　　

虽然知道了浅显的原因所在，但是自己的问题没有解决，好吧，那就暴力点吧.直接操作dom。通过控制dom来获取页面的高度。

总结： 之前就有个人和我说过，可以把$refs 当做id来看，id是唯一的，是不变的。嗯，$refs 不是响应式的。 挺像...

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # refs  # $refs  # 关于vue中ref的使用(this.$refs获取为undefined)  # vue中this.$refs的坑及解决  # vue中动态渲染数据时使用$refs无效的解决  # 自己的  # 好吧  # 没有什么  # 都是  # 详情页  # 我想  # 是个  # 文档  # 给你  # 在这个  # 那就  # 就有  # 和我  # 也能  # 其他的  # 说过  # 希望能  # 给大家  # 这个时候  # 解决问题 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  Laravel如何处理和验证JSON类型的数据库字段  Laravel如何与Docker（Sail）协同开发？（环境搭建教程）  Python进程池调度策略_任务分发说明【指导】  如何快速搭建虚拟主机网站？新手必看指南  文字头像制作网站推荐软件,醒图能自动配文字吗？  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  jQuery validate插件功能与用法详解  南京网站制作费用,南京远驱官方网站？  EditPlus中的正则表达式 实战(2)  Linux系统命令中screen命令详解  Laravel如何实现文件上传和存储？（本地与S3配置）  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  html5的keygen标签为什么废弃_替代方案说明【解答】  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？  Laravel如何使用模型观察者？（Observer代码示例）  iOS发送验证码倒计时应用  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  黑客入侵网站服务器的常见手法有哪些？  Laravel如何实现模型的全局作用域？（Global Scope示例）  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  Laravel如何自定义错误页面（404, 500）？（代码示例）  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  如何用y主机助手快速搭建网站？  JS碰撞运动实现方法详解  深入理解Android中的xmlns:tools属性  如何快速生成高效建站系统源代码？  如何快速上传建站程序避免常见错误？  在线制作视频的网站有哪些,电脑如何制作视频短片？  长沙做网站要多少钱,长沙国安网络怎么样？  如何快速搭建高效简练网站？  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  专业商城网站制作公司有哪些,pi商城官网是哪个？  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  js代码实现下拉菜单【推荐】  米侠浏览器网页图片不显示怎么办 米侠图片加载修复  高防服务器租用如何选择配置与防御等级？  Android利用动画实现背景逐渐变暗  西安专业网站制作公司有哪些,陕西省建行官方网站？  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  HTML 中动态设置元素 name 属性的正确语法详解  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  Laravel Octane如何提升性能_使用Laravel Octane加速你的应用  C语言设计一个闪闪的圣诞树  ,怎么在广州志愿者网站注册？  网站建设要注意的标准 促进网站用户好感度！