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

相关推荐
学习OK呀8 分钟前
后端上手学习React Router基础知识
前端
宁静_致远9 分钟前
React Native 技术栈:基于 macOS 开发平台的 iOS 应用开发指南
前端·javascript·react native
Mike_jia12 分钟前
Cronicle终极指南:轻量级分布式任务管理系统的企业实践
前端
qq_5432485218 分钟前
web基础+HTTP+HTML+apache
前端
userkang24 分钟前
消失的前后端,崛起的智能体
前端·人工智能·后端·ai·硬件工程
前端付豪24 分钟前
🚀 2025 年 React 全攻略:40 个高频问题深度解析与实战指南
前端·react.js
五号厂房25 分钟前
论Ant Design ProTable 中如何优雅设置搜索框默认值
前端
不浪brown33 分钟前
WebGISer的福利!基于Cesium+Vue3的智慧数字农田项目,开源!
前端·cesium
王哈哈的学习笔记37 分钟前
uniapp小程序使用echarts
前端·小程序·uni-app
loveoobaby40 分钟前
three.js后处理原理及源码分析
前端