iview 使用筆記

以前使用過Element，一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫，可是發現組件相對較少。

後來查閱了iview，大概翻閱官網，組件較完善，但在實際使用中卻也踩了很多坑

 

1. 基本表單組件，只支持 input 和 textarea，

[Vue warn]: Invalid prop: custom validator check failed for prop "type".

若是要是用type=「text」， 須要使用InputNumber 數字輸入框組件，其餘好比上傳之類的，也有對應的組件，

 

2.modal組件，若是有須要在點擊確認或者取消時（modal隱藏以前）自定義事件的，組件自己未能提供接口處理，

　　我的在實際中的作法是，隱藏組件自身的submit和cancel按鈕，本身新加submit和cancel按鈕，而後自本身處理綁定事件

3. modal組件，點擊遮罩層或者close關閉模態框時，若是模態框的展現/隱藏是有父組件props值控制，控制檯會報warn，提示不能直接修改父組件的值，

　　處理方法同2相似

4.table

　　使用iviewui的table只須要傳入表列名和數據，按照api提供的參數，就能夠實現很好的table和交互效果，可是若是須要在表格的某列/某行/某個td上綁定事件，按照官方提供的說法，實現起來特別繁瑣，因此table都本身處理了，我的感受table組件只使用於，僅展現，沒有任何自定義事件的情景。

 

 

 

目前只遇到了這些狀況，持續更新