【element-ui】el-form-item使用v-if导致的问题 , 增加Key

问题:v-if在操作dom时 在根节点上进行的删减 导致 rules 判断的时候 无法取到 v-if 添加进来的prop值

解决:在 el-form-item 中添加一个属性key,key的值是唯一的(一般key和prop写一样的内容即可,因为rules里面的东西不能重复定义,所以肯定是唯一的。)

html 复制代码
<el-form-item
    prop="accountName"
    key="accountName"
    label="账号"
    :rules="[
      { required: true, message: '请输入账号', trigger: 'blur' },
      { trigger: 'blur', validator: validateAccount },
    ]"
  >
    <el-input
      v-model.trim="CurObject.accountName"
      name="accountName"
      type="text"
    
    />
  </el-form-item>

参考:

给el-form-item,添加key的场景

相关推荐
用户921080262863 分钟前
为什么 Header 是 HTTP 的灵魂
前端
特立独行的猫A4 分钟前
AtomMQTT Broker — 用 Rust 实现的轻量级高性能 MQTT 消息代理
前端·后端·架构
IMPYLH6 分钟前
HTML 的 <s> 元素
前端·html
lhldsg7 分钟前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序
计算机魔术师20 分钟前
Lambert 算了一笔账:CUDA 绑定开源生态,每年值 100 亿美元
前端
Bs_MoneyMagnet23 分钟前
基于springboot+vue的医院陪诊服务预约平台的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring
晴天1625 分钟前
HTML iframe 标签全面解析:原理、属性、实战场景与最佳实践
前端·html·状态模式
parade岁月29 分钟前
倒反天罡!押注 React Native 6 年后,Shopify 又回到了原生开发
android·前端·ios
柚稚姐姐30 分钟前
npm install pnpm -g npm error code EACCES npm error syscall symlink
前端·npm·node.js