elementUi中,el-form 校验踩坑

elementUi中,el-form

1、如下动态联动校验时,el-form不对切换后渲染的 el-form-item 进行校验

<el-col :span="7">
                    <el-form-item
                        label="项目地点(国家/地区)"
                        prop="countryId"
                        ref="countryId"
                        v-if="form.isOverseasInvest == '1'"
                    >
                        <in-select
                            filterable
                            field="WORLD_COUNTRY"
                            v-model="form.countryId"
                            @callFun="gangedChange"
                        ></in-select>
                    </el-form-item>
                    <el-form-item label="项目地点(国家/地区)"  v-else >
                        {{ form.countryText }}
                    </el-form-item>
                </el-col>

解决方案:将v-if 改为 v-show
2、当el-form高度超过一屏时,v-loading 只铺满了一屏,屏幕滚动后未全部覆盖遮罩,现象如下图:
在这里插入图片描述

解决方案: v-loading.fullscreen.lock

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值