vue2.0中$refs怎么使用?求一個(gè)小例子,謝謝!
vue2.0中$refs怎么使用
慕運(yùn)維8079593
2019-05-25 17:29:53
TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊
比如我拿ueditor來做了一個(gè)Editor的組件然后在另一個(gè)頁(yè)面有個(gè)表單,里面把Editor引入進(jìn)來了。當(dāng)然,components里面注冊(cè)時(shí)必須的!我在頁(yè)面上點(diǎn)擊提交,那么,就會(huì)用到編輯器的getContent()方法,那么問題來了,getContent這個(gè)方法所在的對(duì)象如何界定?或者一個(gè)頁(yè)面上有幾個(gè)組件,都有g(shù)etContent這個(gè)方法,那怎么辦?這里就給editor了一個(gè)ref屬性,我理解成其實(shí)就是類似html里面的id。然后,組件或者實(shí)例中使用$refs,就是找出所有具有ref屬性的組件!然后放在一個(gè)對(duì)象中。對(duì)象的鍵就是ref的屬性值。
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超7個(gè)贊
varparent=newVue({el:'#parent'})//訪問子組件varchild=parent.$refs.profile
舉報(bào)