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

相关推荐
whinc12 小时前
Node.js技术周刊 2026年第17周
前端·javascript
nbsaas-boot13 小时前
100万门店级分货系统架构设计
前端·javascript·vue.js
GISer_Jing13 小时前
《Claude Code Hooks:AI编程工具的高级控制指南》
前端·人工智能·microsoft·ai编程
爱上好庆祝13 小时前
学习js的第2天
前端·css·学习·html·css3
Csvn14 小时前
SEO 优化
前端
笋笋~14 小时前
el-tree 拖拽事件隔离:实现句柄独立控制,区域分离
javascript·vue.js·elementui
天外飞雨道沧桑14 小时前
详解CSS中的Containing Block:概念、规则与实战解析
前端·css
彩票管理中心秘书长14 小时前
Git 图形化交互工具大全:从官方 GUI 到高级扩展
前端
ID_1800790547314 小时前
Python 实现京东商品详情 API 数据准确性校验(极简可直接用)
java·前端·python
前端那点事14 小时前
Vue生命周期速查:Vue2+Vue3钩子全解析,新手也能秒懂
前端·vue.js