【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的场景

相关推荐
颜进强6 分钟前
26 · NestJS 基础篇 · 全专栏总结:五个阶段,一次收拢
前端·后端·ai编程
风寄巴山秋7 分钟前
OpenBMC:Web 页面功能异常排查
运维·服务器·前端·架构
程序员Sunday33 分钟前
Promise.all、allSettled、race、any 怎么选,失败后其他请求会怎样
开发语言·前端·javascript
niucloud-admin35 分钟前
JAVA V6 多商户商城 开发文档——管理端前端
前端
weixin_4222013040 分钟前
如何解决小程序图标点击热区小,落点不准问题?
前端·小程序·样式·点击热区·扩大
szial1 小时前
JavaScript 的 call、apply 和 bind:如何控制函数调用
开发语言·前端·javascript
CopyCode2 小时前
Agent 开发不是模型训练:一个前端的入门认知
前端·llm·agent
吠品2 小时前
HTTPS 真身:HTTP 套了层 TLS
java·服务器·前端
JYeontu2 小时前
实现一个「曲线滑块验证」功能
前端·javascript·html
Csvn2 小时前
组件库(从 API 契约到 Headless 内核)
前端