6***@qq.com
6***@qq.com
  • 发布:2019-09-22 19:51
  • 更新:2023-04-20 19:57
  • 阅读:3654

【报Bug】this.$refs获取不到

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

[步骤]任意.vue页面中,给任意元素添加ref,代码中使用this.$refs获取不到

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号] 2.3.1.20190920

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]
<template>
<view class="content">
<image class="logo" src="/static/logo.png" @click="getRefs"></image>
<view ref="text" class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>

<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
getRefs: function(){
console.log(this.$refs); // 无法获取
}
}
}
</script>

联系方式

[QQ]

2019-09-22 19:51 负责人:无 分享
已邀请:
6***@qq.com

6***@qq.com (作者) - 小明

我看了下版本更新信息,有这个一条,不知道是不是这个导致的: + 头条小程序 修复 this.$refs 部分场景无法获取组件引用的 Bug #791

8***@qq.com

8***@qq.com

2023年4月,问题还在

要回复问题请先登录注册