ivew表单校验踩坑记

50次阅读

共计 339 个字符,预计需要花费 1 分钟才能阅读完成。

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 控制显示隐藏

正文完
 0