之前使用過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組件只使用于，僅展示，沒有任何自定義事件的情景。

?

?

?

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

轉載于:https://www.cnblogs.com/elainema/p/9292911.html

總結

以上是生活随笔為你收集整理的iview 使用笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。