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

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

?

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

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

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

?

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

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

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

　　處理方法同2類(lèi)似

4.table

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

?

?

?

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

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

總結(jié)

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

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