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 列设置拖拽调整报错

场景描述

扫描二维码关注公众号,回复: 12298919 查看本文章

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

2.但是拖拽无效,控制台报错:

Uncaught TypeError: Cannot read property 'width' of undefined

解决方案

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

猜你喜欢

转载自blog.csdn.net/baidu_38798835/article/details/108868675