脚本宝典收集整理的这篇文章主要介绍了vue3.0获取dom节点,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
vue2.x版本中我们获取dom节点就是直接在htML上面定义ref然后this.$refs.ref就可以了。@H_304_1@
但是vue3.0中已经没有this了,而且变量命名方式也改为了ref(),这样我们如何获取dom节点呢?
首先还是同vue2版本一样,在html上面定义ref:
<div ref="divRef"></div>
然后在ts文件中定义:
const divRef = ref(null)
最后记得return,然后在mounted的时候去获取divRef.value就可以了
ps:
console.dir() 可以打印该函数下的所有方法
以上是脚本宝典为你收集整理的vue3.0获取dom节点全部内容,希望文章能够帮你解决vue3.0获取dom节点所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。