el和 refs的區別

2021-10-05 02:08:38 字數 920 閱讀 9613

一、ref

1、ref 加在普通的元素上,用this.$refs.(ref值) 獲取到的是dom元素

2、ref 加在子元件上,用this.ref

s.(r

ef值)

獲取到的

是元件實

例,可以

使用元件

的所有方

法。在使

用方法的

時候直接

this

.refs.(ref值) 獲取到的是元件例項,可以使用元件的所有方法。在使用方法的時候直接this.

refs.(

ref值

)獲取到

的是元件

例項,可

以使用組

件的所有

方法。在

使用方法

的時候直

接thi

s.refs.(ref值).方法() 就可以使用了。

二、$el

獲取vue例項關聯的dom元素;

比方說我這裡想獲取自定義元件tabcontrol,並獲取它的offsettop。就需要先獲取該元件。

在元件內設定 屬性 ref=『乙個名稱(tabcontrol2)』,

然後 this.$refs.tabcontrol2 就拿到了該元件

切記:ref屬性,而獲取元件的時候要用$refs

獲取 offsettop,元件不是dom元素,是沒有offsettop的,無法通過 點 .offsettop來獲取的。就需要通過$el來獲取元件中的dom元素

所以獲取元素的offsettop的正確寫法是:

this.ref

s.ta

bcon

trol

2.refs.tabcontrol2.

refs.t

abco

ntro

l2.el.offsettop

vue mount 和 el的區別

兩者在使用效果上沒有任何區別,都是為了將例項化後的vue掛載到指定的dom元素中。如果在例項化vue的時候指定el,則該vue將會渲染在此el對應的dom中,反之,若沒有指定el,則vue例項會處於一種 未掛載 的狀態,此時可以通過 mount來手動執行掛載。注 如果 mount沒有提供引數,模板將...

el和jstl的區別

el是jsp自帶的,jstl是需要引入jar包 或者依賴 才可以使用的 el語法組成 識別符號 el表示式由識別符號 訪問器 文字和運算子組成。識別符號用來標識儲存在作用域中的資料物件。el 有 11 個保留識別符號,對應於 11個el隱式物件。除了11隱式物件外,假定所有其它識別符號都用來標識作用...

vue之 ref 和 refs的使用

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