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

相关推荐
小徐_233312 分钟前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
❀͜͡傀儡师17 分钟前
Claude Code 官方弃用 npm 安装方式:原因分析与完整迁移指南
前端·npm·node.js·claude code
知识分享小能手23 分钟前
ECharts入门学习教程,从入门到精通,ECharts高级功能(6)
前端·学习·echarts
阿祖zu23 分钟前
OpenClaw 入门到放弃:私人 AI 的初代原型机
前端·后端·aigc
ZC跨境爬虫24 分钟前
3D地球卫星轨道可视化平台开发 Day15(添加卫星系列模糊搜索功能)
前端·数据库·3d·交互·数据可视化
m0_7381207242 分钟前
渗透基础知识ctfshow——Web应用安全与防护(第六 七章)
服务器·前端·安全
Sun子矜43 分钟前
Web项目18+项目21
前端
踩着两条虫1 小时前
VTJ:项目模型架构
前端·低代码·ai编程
踩着两条虫1 小时前
VTJ:DSL语言规范
前端·低代码·ai编程
广州华水科技1 小时前
单北斗GNSS在水库形变监测中的应用与优势分析
前端