uniapp用vue3开发小程序怎么获取dom节点
在Vue3中,可以使用ref来获取DOM节点。
- 在模板中,使用
ref指令给DOM元素命名:
<template>
<div>
<div ref="myDiv">这是一个div元素</div>
</div>
</template>
- 在组件中,使用
this.$refs来访问DOM元素:
export default {
mounted() {
const myDiv = this.$refs.myDiv;
console.log(myDiv); // 输出DOM元素
}
}
需要注意的是,this.$refs是一个对象,键名为ref指令的值,值为DOM元素或组件实例。如果ref指令命名的是一个组件,那么这里获取的就是组件实例。
原文地址: https://www.cveoy.top/t/topic/KYM 著作权归作者所有。请勿转载和采集!