Uniapp 和Vue3 小程序 获取页面dom 方法
warning:
这篇文章距离上次修改已过435天，其中的内容可能已经有所变动。
在Vue3和UniApp中，获取页面DOM元素通常可以通过组合式API中的ref属性来实现。以下是一个简单的例子：
<template>
<view>
<text ref="textRef">Hello, UniApp!</text>
</view>
</template>
<script setup>
import { ref, onMounted } from 'vue';
const textRef = ref(null);
onMounted(() => {
// 使用textRef.value获取DOM元素
console.log(textRef.value); // 这里会输出DOM元素
});
</script>在上面的例子中，我们使用了ref属性来为<text>元素创建了一个引用（textRef）。在onMounted生命周期钩子中，我们可以通过textRef.value来访问对应的DOM元素。
请注意，在小程序环境中，因为平台的限制，不是所有的DOM API都可以使用，你可能需要使用小程序提供的API来进行DOM操作，例如使用uni.createSelectorQuery()来选择器查询DOM元素。
评论已关闭