vue19 獲取子元件引用 ref

2021-08-28 09:29:02 字數 382 閱讀 6166

下面**是乙個計數器的功能,首先看下面**:

}

我們定義了乙個元件counter,在html中兩個div標籤對元件做了引用,乙個ref設定one,乙個ref設定為two。

第三個div是上面兩個div數字的和,我們做的效果就是上面兩個div數字增加時,獲取兩個元件的值,顯示到第三個div標籤中。

(當ref在html標籤上時,是對dom的引用,當ref在元件上時,是對元件的引用)

this.$refs.ref就是對元件的引用,我們拿到兩個元件的count的和,賦值給父元件的sum.

VUE參考 ref獲取元件

ref屬性可以給元件使用,獲取的元件可以呼叫元件的方法,比如 this.refs.mylogin.show div id input type button value 獲取元素 click getelement ref mybtn h3 id myh3 ref myh3 哈哈哈,今天天氣太好了!h...

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...

vue獲取子元件元素

this.children中存放的是當前vue頁面的所有子元件的陣列集合。每乙個子元件中的資料和函式都可以被訪問到。例如 子元件 這是子元件的內容 h3 change 按鈕觸發事件 button test 子元件直接觸發父元件的事件 button div template export defaul...