vue3 如何通过 ref 获取 DOM 节点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3 如何通过 ref 获取 DOM 节点相关的知识,希望对你有一定的参考价值。

参考技术A 在 vue2 中,我们通过 ref 为节点添加一个名称,然后用 this.$refs['节点名称'] 就可以获取到DOM节点,

例:

在 vue3 中,我们一样可以通过为节点添加一个 ref 名称 ,但是接下来的步骤和 vue2 有些区别

1.为节点添加一个 ref 名称
2.创建 ref 响应式常量并且与 DOM 节点名称一致 ,且值为 null
3.在 mounted 之后通过 常量的 value 即可获取到 DOM 节点

例:

OK,今天就写这么多~!

以上是关于vue3 如何通过 ref 获取 DOM 节点的主要内容,如果未能解决你的问题,请参考以下文章

Vue3 form表单通过ref获取dom的写法

vue3 template refs dom的引用组件的引用获取子组件的值

Vue3组件——父组件通过ref获取子组件内部信息失败

vue操作dom

vue通过ref获取dom节点

通过ref来获取DOM节点