常用操作
获取DOM实例
通过ref属性获取对应的实例,实例初始化时需要赋值为null
,建议在onMounted
钩子后面再开始操作dom元素实例
<template>
<div class="icon-box" ref="menu_item"></div>
</template>
<script>
import { ref, onMounted, getCurrentInstance } from 'vue';
const { proxy } = getCurrentInstance();
const menu_item = ref(null);
onMounted(()=>{
console.log(menu_item.value); // <div>这是根元素</div>
console.log(proxy.menu_item); // <div>这是根元素</div>
})
</script>