vue之 ref 和 refs的使用

2021-10-08 09:41:48 字數 361 閱讀 3453

在vue中一般很少直接操作dom,如果需要操作dom,我們可以通過ref 和$ref來實現。

ref 被用來給元素或子元件註冊引用資訊, 引用資訊將會註冊在父元件的 $refs

物件上,如果是在普通的dom元素上使用,引用指向的就是 dom 元素,如果是在子元件上,引用就指向元件的例項。

當在子元件或者dom元素上寫ref="***"時,vm例項上就有了乙個$refs屬性,包含了所有註冊過ref的dom物件

1.  $refs 是乙個物件,持有已註冊過 ref 的所有的子元件。

2. 因此可以通過this.$refs.***.屬性名(style,attr…)從而達到在vue中操作dom元素的目的了

Vue 中的 ref 和 refs 的使用

在vue中一般很少直接操作dom,如果需要操作dom,我們可以通過ref 和 ref來實現。ref 被用來給元素或子元件註冊引用資訊,引用資訊將會註冊在父元件的 refs 物件上,如果是在普通的 dom元素上使用,引用指向的就是 dom 元素,如果是在子元件上,引用就指向元件的例項。當在子元件或者d...

Vue中ref和 refs的介紹及使用

在j ascript中需要通過document.queryselector demo 來獲取dom節點,然後再獲取這個節點的值。在vue中,我們不用獲取dom節點,元素繫結ref之後,直接通過this.refs即可呼叫,這樣可以減少獲取dom節點的消耗。ref介紹 ref被用來給元素或子元件註冊引用...

Vue中ref和 refs學習筆記

js中需要通過document.queryselector demo 來獲取dom節點,然後再獲取這個節點的值。在vue中,我們不用獲取dom節點,元素繫結ref之後,直接通過this.refs即可呼叫,這樣可以減少獲取dom節點的消耗。ref介紹 ref被用來給元素或者子元件註冊引用資訊。引用資訊...