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,删除一个就正常使用了。