Vue3获取DOM节点的方式有哪些
导读:本文共1117字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 1 .原生js获取 DOM 节点:document.querySelector(选择器)document.getElementById(id选择器)document.getElementsByClassName(class选择器)....2. vue2中获取当前组件的实例对象:因为每个vue的组件实例上,都包含一个$refs对象,里面存储着对应的DOM元素... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。因为每个vue的组件实例上,都包含一个$refs对象,里面存储着对应的DOM元素或组件的引用。所以在默认情况下,组件的 $refs指向一个空对象。
可以先在组件上加上 ref="名字",然后通过 this.$refs.名字获取相应元素并进行操作。
在Vue3框架里面是解除了this这个对象,所以无法使用this.$refs的方式获取自定义组件 ref 的DOM节点。
但是vue3中自带了能返回当前组件实例对象的函数getCurrentInstance,通过该函数获取对象节能看到该对象包含界面中的refs。
本文:
Vue3获取DOM节点的方式有哪些的详细内容,希望对您有所帮助,信息来源于网络。