iview经验踩坑

1. Col 栅格
    1. bootstrap列在xs屏幕默认占满一行，iview列在xs屏幕下必须设置24才能占满一行

2. List 列表
    1. ```<ListItem>```上无法绑定点击事件，解决方式：
        1. 在```<ListItem>```和内容直接加一层```<div```>，把事件绑定在```<div>```上
        2. 给```<ListItem>```加一个id或class，然后通过document.querySelecter()获取元素绑定事件。（尽量不要引入jquery，会使页面打包后变大）

3. Form 表单
    1. resetFields()方法只会重置```<FormItem>```的prop属性对应的数据。像id之类不绑定在元素上的变量需要手动重置。

4. Select 下拉框
    1. 开启filterable属性时，```<Option></Option>```必须紧贴文本，不能有换行等，否则选中后下拉框中会出现若干空格

5. Table 表格
    1. 表格过长时，固定左右两头的列（常见的是名称、操作），只是中间不重要的列滚动，方便用户操作

6. Upload 上传
    1. <Upload>组件默认为配置url自动上传，但不方便设置参数、token等，故建议通过before-upload事件绑定选择文件的回调函数，进行手动上传，函数最后返回false以阻止组件的自动上传

7. Modal 对话框
    1. 自带的确定按钮点击后无法阻止弹窗关闭，故不能作为提交表单的按钮使用，应该加上footer-hide属性，然后在最后一个```<FormItem>```中加```<Button>```并绑定点击事件，手动控制表单提交和弹窗关闭。

8. Avatar 头像
    1. 无法绑定点击事件，处理方式参考问题2。

9. 阻止打开含有表单的弹窗时，按回车导致页面刷新

<Modal ... @keydown.native.enter.prevent="() => {}">
    <Form ...>
        ...
    </Form>
</Modal>