<template>
<view>
<button ref="testRef" @click="open">打开弹窗</button>
</view>
</template>
<script>
export default {
methods:{
open(){
let cp = this.$refs.testRef
console.log(cp);
}
}
}
</script>
5***@qq.com
- 发布：2024-01-19 16:35
- 更新：2024-01-19 17:29
- 阅读：430
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macos14.2
HBuilderX类型： 正式
HBuilderX版本号： 3.99
浏览器平台： Chrome
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行demo pages/index2/index2
运行demo pages/index2/index2
预期结果：
可以获取到ref
可以获取到ref
实际结果：
undefined
undefined
bug描述：
vue3 项目 $refs 获取不到数据
你是在什么平台下获取不到的，非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text、button），uni-app x 内置组件绑定 ref 会返回组件根节点的引用。
官方文档：文档
爱豆豆 - 办法总比困难多
这不应该有问题啊 我用你代码测试是可以获取到的
你上传一个demo 我再试试
-
-
-
-
回复 5***@qq.com: 可以参考一下
<template>
<view>
<button @tap="show">show</button>
<uni-popup ref="popupRef" type="center" background-color="#fff">居中弹出 Popup</uni-popup>
</view>
</template>
<script setup>
import {
ref
} from 'vue'
const popupRef = ref(null)
const show = () => {
popupRef.value.open()
}
</script>2024-01-19 17:20
5***@qq.com (作者)
h5平台
2024-01-19 16:53