iview填坑记

select数据回显失败

场景描述

当下拉列表不存在value或者远程搜索时，select表单类型回显数据失败

解决方案

添加一个不可见的选项即可

单选
<Option v-if="form.value" :value="form.value" style="display: none">{{form.value}}</Option>
多选
<Option style="display: none" v-for="(item, index) in defaultOption" :value="item.id"
:key="index">{{ item.value }}</Option>

表单校验报错

场景描述

使用form表单校验，有值还报错

解决方案

 type默认String 改为Number

companyId: [

{ required: true, message: '单位不能为空', trigger: 'change',type: 'number' }

],

<Col></Col>报错

解决办法将<Col></Col>替换成<i-col></i-col>

Table 列设置拖拽调整报错

场景描述

1.给某一列设置属性 resizable 为 true，可以拖拽调整该列的宽度，需开启 border 属性，且该列设置了 width 属性。

2.但是拖拽无效，控制台报错：

Uncaught TypeError: Cannot read property 'width' of undefined

解决方案

发现组件有两个Table，删除一个就正常使用了。