vue3 中文文檔 記錄一下自己獲取dom的一些用法 一 . vue2.x 獲取dom 二. vue3.x 獲取dom (1) 使用 setRef 如果是循環的多個dom 可以定義為數組 push添加 ...

原文地址：https://segmentfault.com/a/1190000040098033 在 vue3 中獲取組件的類型： type EleForm = InstanceType<typeof ElForm> 在template中獲取組件的ref < ...

1.獲取組件中的DOM元素 <div id="app"> <!-- Vue獲取DOM元素 --> <button @click="show ...

...

Vue 通過ref獲取DOM元素 ref 被用來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的 $refs 對象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件實例： 當 v-for 用於元素或組件的時候，引用信息將是包含 DOM ...

在vue2.x中，可以通過給元素添加ref='xxx'屬性，然后在代碼中通過this.$refs.xxx獲取到對應的元素 然而在vue3中時沒有$refs這個東西的，因此vue3中通過ref屬性獲取元素就不能按照vue2的方式來獲取 vue3需要借助生命周期方法，原因很簡單，在setup ...

對html文檔內的標簽添加ref屬性,其值為自定義命名. 在vue實例vm中通過調用 this.$refs.自定義命名 來獲取相關的DOM元素. 對html文檔中的組件添加該屬性后,可以獲取組件的data或調用組件的methods. ...

可以獲取DOM元素，和組件中的數據，方法 ...