VUE參考 ref獲取元件

2022-03-07 20:27:49 字數 2084 閱讀 4966

ref屬性可以給元件使用,獲取的元件可以呼叫元件的方法,比如 this.$refs.mylogin.show()

<

div

id>

<

input

type

="button"

value

="獲取元素"

@click

="getelement"

ref="mybtn"

>

<

h3 id

="myh3"

ref="myh3"

>哈哈哈, 今天天氣太好了!!!

h3>

<

hr>

<

login

ref="mylogin"

>

login

>

div>

<

script

>

varlogin

= },

methods: }}

//建立 vue 例項,得到 viewmodel

="獲取元素"

@click

="getelement"

ref="mybtn"

>

1516

<

h3 id

="myh3"

ref="myh3"

>哈哈哈, 今天天氣太好了!!!

h3>

1718

<

hr>

1920

<

login

ref="mylogin"

>

login

>

21div

>

2223

<

script

>

2425

varlogin =31

},32

methods: 36}

37}3839

//建立 vue 例項,得到 viewmodel

40var

vm =

newvue(,

43methods:

53},

54components:

57});

58script

>

59body

>

6061

html

>

vue19 獲取子元件引用 ref

下面 是乙個計數器的功能,首先看下面 我們定義了乙個元件counter,在html中兩個div標籤對元件做了引用,乙個ref設定one,乙個ref設定為two。第三個div是上面兩個div數字的和,我們做的效果就是上面兩個div數字增加時,獲取兩個元件的值,顯示到第三個div標籤中。當ref在htm...

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

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

vue 使用ref獲取DOM元素和元件引用

在vue中可以通過ref獲取dom元素,並操作它,還可以獲取元件裡面的資料和方法。html部分 1 div id 2 input type text value input 的值 ref myinput 3 h3 id h3 ref myh3 這是h3 h3 45 hr 6 com1 ref myc...