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组件只使用于，仅展现，没有任何自定义事件的情景。

 

 

 

目前只遇到了这些状况，持续更新