iView組件添加API中介紹的事件的方式(render方式添加事件)

iView組件好用,文檔齊全,品質可靠穩定。最大的好處是使用了Vue框架,使很多數據綁定和交互問題變的輕鬆,是難得的開源前端組件。給作者點個贊。用這個組件來學習Vue.js也是不錯的選擇。

最近用的比較多。碰到的主要問題是綁定事件,試了很多種寫法,可能是對vue不太瞭解,一直沒試對。最終發現寫法其實很簡單。

用現成的組件,比如API裏寫了一個事件是on-change,那麼綁定事件寫法是這樣的

v-on:on-change="method"

或者

@on-change="method"

如果是在Render函數裏面,同樣以on-change事件爲例,要這樣寫:

{

  props:{...},

  on:{'on-change':()=>{...}}

}

經測試,可以觸發組件 $emit 出來的事件

另外render方式添加iview組件,依然要使用i-開頭作爲某些組件的標籤,比如添加switch開關,不能直接用Switch,而要用i-switch,h('i-switch')

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章