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组件只使用于,仅展示,没有任何自定义事件的情景。
目前只遇到了这些情况,持续更新