之前使用過Element，一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫，但是發(fā)現(xiàn)組件相對較少。

后來查閱了iview，大概翻閱官網(wǎng)，組件較完善，但在實(shí)際使用中卻也踩了不少坑

?

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

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

如果要是用type=“text”， 需要使用InputNumber 數(shù)字輸入框組件，其他比如上傳之類的，也有對應(yīng)的組件，

?

2.modal組件，如果有需要在點(diǎn)擊確認(rèn)或者取消時（modal隱藏之前）自定義事件的，組件本身未能提供接口處理，

　　個人在實(shí)際中的做法是，隱藏組件自身的submit和cancel按鈕，自己新加submit和cancel按鈕，然后自自己處理綁定事件

3. modal組件，點(diǎn)擊遮罩層或者close關(guān)閉模態(tài)框時，如果模態(tài)框的展示/隱藏是有父組件props值控制，控制臺會報warn，提示不能直接修改父組件的值，

　　處理方法同2類似

4.table

　　使用iviewui的table只需要傳入表列名和數(shù)據(jù)，按照api提供的參數(shù)，就可以實(shí)現(xiàn)很好的table和交互效果，但是如果需要在表格的某列/某行/某個td上綁定事件，按照官方提供的說法，實(shí)現(xiàn)起來特別繁瑣，所以table都自己處理了，個人感覺table組件只使用于，僅展示，沒有任何自定義事件的情景。

?

?

?

目前只遇到了這些情況，持續(xù)更新

轉(zhuǎn)載于:https://www.cnblogs.com/elainema/p/9292911.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。