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

目前只遇到了这些情况,持续更新

猜你喜欢

转载自www.cnblogs.com/elainema/p/9292911.html
今日推荐