element table 封裝


element ui有優勢, 這個不多講了。從github上的star數就很能說明。今天計的是對里的table的再次封裝。

 

官方的例子是這樣的。如果再有其他的配置項目,再額外增加。 不過每個列表都這樣寫的話,還是有點有冗余的。所以我決定對其再次封裝,達到簡化的目的。如果封裝的不好,還請見諒。

可能這里重要的一點是,如何把方法傳入操作這列。而且,如果是其他的配置項目,如prop,lable等。我個人是用config傳一個對象過去,畢竟 萬物皆對象,但是賦值的時候,有一些不同。不再是用那種,prop=item.config.prop的方式,而是用v-bind.sync="item['config']",這樣的好處是對於參數的拓展性強很多。對於要傳入的事件,則用item.render來判斷。對於要傳的事件,以及要自定義的元素,則components來處理。

 

 

 

 最后傳用的參數處理一下,

 

 調用的時候,也是很是非常方便的

 

 我是用的局部注冊的方式,當然全局注冊也 是可以的

 

 

 

 參數配置

 

 

 

 也可以這樣寫

 

 用箭頭函數,綁定事件。

 


免責聲明!

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



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