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

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

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

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

v-on:on-change="method"

或者iview

@on-change="method"

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

{學習

  props:{...},測試

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

}blog

經測試,能夠觸發組件 $emit 出來的事件事件

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

相關文章
相關標籤/搜索