在 Vue 中获取节点的方法:直接访问 DOM 节点:使用 $el 访问组件根元素。使用 $refs:访问组件的子元素或根元素,需要使用 ref 指定名称。使用渲染函数:在 render 函数中创建元素,并通过 vm.$vnode 访问 DOM 节点。使用第三方库:例如 Vuetify 和 Element UI,可以分别通过 $el 和 $refs 访问 DOM 节点。

如何在 Vue 中获取节点?
直接访问 DOM 节点
-
$el: 访问组件根元素。 -
$refs: 访问组件的子元素或根元素,需要在模板中使用ref属性指定名称。
使用渲染函数
- 在
render函数中,使用createElement函数创建元素,并将其作为v-node返回。 - 然后可以通过
vm.$vnode访问v-node,进而获取 DOM 节点。
使用第三方的库
立即学习“前端免费学习笔记(深入)”;
- Vuetify: 提供
$el属性,可以通过this.$el访问 DOM 节点。 - Element UI: 提供
$refs属性,可以通过this.$refs访问 DOM 节点。
示例:
-
直接访问 DOM 节点:
Hello -
使用渲染函数:
Hello -
使用第三方库:
Button










