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')

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM