vue3+ts 用ref获取元素节点里的值

在vue2中获取元素节点的值:

<div ref="myRef"></div>
this.$refs.myRef

在vue3+ts中获取元素节点的值

<template>
    <div class="echarts-box">
        <div ref="box">111</div>
    </div>  
</template>
    
<script setup lang='ts'>
    import {ref,onMounted} from 'vue'

    const box:any = ref(null)
    onMounted(()=>{
    	console.log(box.value)//
111
console.log(box.value.innerText) //111 }) </script>

记录一下

你可能感兴趣的:(vue,Typescript,vue.js,vue)