<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>
- 发布:2022-11-30 11:45
- 更新:2022-11-30 18:56
- 阅读:338
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.0.1 (22A400)
第三方开发者工具版本号: 1.06.22010310
基础库版本号: 2.27.3
项目创建方式: CLI
CLI版本号: Vue3/Vite
示例代码:
操作步骤:
在页面渲染完成时打印 ref
在页面渲染完成时打印 ref
预期结果:
正常绑定到指定元素
正常绑定到指定元素
实际结果:
无法绑定到指定元素
无法绑定到指定元素
bug描述:
使用 npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
创建的项目,在view标签中无法使用 ref。