第一种 getCurrentInstance() 这种较为麻烦

<span
      ref="numberGrow"
      :data-time="time"
      class="number-grow"
      :data-value="value"
      >0</span
    >
import { defineComponent, onMounted, getCurrentInstance } from 'vue'
//填 any暂时没找到解决方案,因为获取的是HTMLElement 元素
 onMounted(() => {
 	(getCurrentInstance() as any).ctx.$refs.numberGrow
 }

第二种用最基础的js
document.getElementById

document.getElementById(
          'numberGrow'
        ) as HTMLElement)
   

第三种(推荐)


<span
      ref="numberGrowRef"
      :data-time="time"
      class="number-grow"
      :data-value="value"
      >0</span
    >

js
import { defineComponent, onMounted,  ref } from 'vue'
const numberGrowRef = ref()
console.log(numberGrowRef.value) //这里即可获取到dom元素 并且不用做定义 很方便 

return {numberGrowRef}

对ts较为不熟练。见谅

Logo

前往低代码交流专区

更多推荐