Skip to main content

常用操作

获取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>