Vue使用ref 屬性來獲取DOM

2022-02-24 14:02:24 字數 1502 閱讀 9348

注意,在父元件中可以使用this.$refs.屬性名  獲取任何元素的屬性和方法,子元件不可以獲取父元件中的

="點選"

>

<

h1 ref

="chuandi"

>中國是偉大的祖國

h1>

<

hr>

<

log

ref="mylog"

>

log>

div>

<

template

id="log"

>

<

div>

<

input

type

="button"

value

="獲取元素"

@click

="comfunc"

>

<

h1>你說的很對啊

h1>

div>

template

>

<

script

>

varvm

=new

vue(,

methods:

},components:

},methods: ,

comfunc()},}

}})

script

>

body

>

html

>

VUE根據ref來獲取元素or元件的滾動條位置。

vue根據ref來獲取元素or元件的滾動條位置。滾動條根據展示塊的滑動來變更長度or位置 思路1.編寫原生js mounted methods else 方法不可行,原生js在元素獲取上有錯誤 大概是沒找到正確的寫法 思路2.使用ref和 refs來註冊元素從而使用scrollleft來獲取滾動條的...

Vue 13 使用ref獲取DOM

一 知識點部分 ref 被用來給子元件或元素註冊引用資訊,引用資訊將會註冊到父元件的 ref物件上 通過 refs.獲取元素 元件 如果在普通的dom上使用,引用的指向就是該dom 如果在子元件上使用,引用的指向就是子元件的例項 在模板掛載階段 mounted 可以獲取到dom 相同屬性名後乙個會覆...

vue3如何通過ref屬性獲取元素

在vue2.x中,可以通過給元素新增ref 屬性,然後在 中通過this.refs.獲取到對應的元素 然而在vue3中時沒有 refs這個東西的,因此vue3中通過ref屬性獲取元素就不能按照vue2的方式來獲取 vue3需要借助生命週期方法,原因很簡單,在setup執行時,template中的元素...