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