2***@qq.com
2***@qq.com
  • 发布:2022-11-30 11:45
  • 更新:2022-11-30 18:56
  • 阅读:338

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

分类:uni-app

产品分类: 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。

2022-11-30 11:45 负责人:无 分享
已邀请:
2***@qq.com

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

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

DCloud_UNI_Anne

DCloud_UNI_Anne

非H5端只能用于获取自定义组件,不能用于获取内置组件实例(如:view、text)文档说明

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

    了解,谢谢

    2022-12-01 09:08

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