在Vue3中,可以使用ref来获取DOM节点。

  1. 在模板中,使用ref指令给DOM元素命名:
<template>
  <div>
    <div ref="myDiv">这是一个div元素</div>
  </div>
</template>
  1. 在组件中,使用this.$refs来访问DOM元素:
export default {
  mounted() {
    const myDiv = this.$refs.myDiv;
    console.log(myDiv); // 输出DOM元素
  }
}

需要注意的是,this.$refs是一个对象,键名为ref指令的值,值为DOM元素或组件实例。如果ref指令命名的是一个组件,那么这里获取的就是组件实例。

uniapp用vue3开发小程序怎么获取dom节点

原文地址: https://www.cveoy.top/t/topic/KYM 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录