【报Bug】使用cli创建的vue3项目在微信小程序中无法使用ref

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 13.0.1 (22A400)

第三方开发者工具版本号： 1.06.22010310

基础库版本号： 2.27.3

项目创建方式： CLI

CLI版本号： Vue3/Vite

示例代码：

复制代码<template>  
  <view class="content" ref="contentRef">  
    <image class="logo" src="/static/logo.png" />  
    <view class="text-area">  
      <text class="title">{{ title }}</text>  
    </view>  
  </view>  
</template>  

<script setup lang="ts">  
import { nextTick, onMounted, ref } from 'vue'  
const title = ref('Hello')  
const contentRef = ref()  

onMounted(() => {  
  nextTick(() => {  
    console.log('contentRef: ===> ',contentRef);  
  })  
})  
</script>

操作步骤：

在页面渲染完成时打印 ref

预期结果：

正常绑定到指定元素

实际结果：

无法绑定到指定元素

bug描述：

使用 npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 创建的项目，在view标签中无法使用 ref。

my-vue3-project.zip

2022-11-30 11:45 负责人:无分享

2 个回复

2***@qq.com (作者)

由于无法获取到ref，导致uni-nutui的 infiniteLoading 组件无法正常使用

DCloud_UNI_Anne

非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text）文档说明

2***@qq.com (作者)

了解，谢谢

2022-12-01 09:08

该问题目前已经被锁定, 无法添加新回复

【报Bug】使用cli创建的vue3项目在微信小程序中无法使用ref

操作步骤：

在页面渲染完成时打印 ref

预期结果：

正常绑定到指定元素

实际结果：

无法绑定到指定元素

bug描述：

2 个回复

公告

相关问题

【报Bug】使用cli创建的vue3项目在微信小程序中无法使用ref

操作步骤： 在页面渲染完成时打印 ref

预期结果： 正常绑定到指定元素

实际结果： 无法绑定到指定元素

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

在页面渲染完成时打印 ref

预期结果：

正常绑定到指定元素

实际结果：

无法绑定到指定元素