vue3+typescript 3种获取dom元素的方式
第一种 getCurrentInstance() 这种较为麻烦<spanref="numberGrow":data-time="time"class="number-grow":data-value="value">0</span>import { defineComponent, onMounted, getCurrentInstance } from 'vue'//填
·
第一种 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较为不熟练。见谅
更多推荐
已为社区贡献3条内容
所有评论(0)