ivew表单校验踩坑记

#iview表单必填的标志显示
使用iview自定义表单校验时,对于v-if显示状态的修改会影响
的显示
####情况:

  • 使用v-if设置在新增是密码字段显示,编辑时不显示
  • 这时校验规则已完成,设置只有办公电话不是必填项
  • 切换到编辑时,密码字段消失,但是办公电话前会出现*
    ####代码
<FormItem v-if="modalType===0" label="密码" prop="password">
    <Input type="password" v-model="userForm.password" autocomplete="off"/>
</FormItem>

####截图
在这里插入图片描述
####修改:
将v-if修改为v-show,可以解决这个问题
####原因:

  • v-if只有在条件成立时才会生成dom
  • v-show是先生成dom,再通过css控制显示隐藏
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值