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

相关推荐
MXN_小南学前端11 分钟前
Vue 视频上传实战:视频预览、MediaRecorder 压缩与自定义上传
前端·vue.js
Hilaku23 分钟前
AI 生成的代码都是一坨屎?聊聊怎么给 Agent 制定工程约束
前端·javascript·ai编程
吴声子夜歌29 分钟前
Vue3——使用Vue Router实现路由
前端·javascript·vue.js·vue-router
CDwenhuohuo39 分钟前
小程序全局使用api
javascript·vue.js·小程序
whinc40 分钟前
Node.js技术周刊 2026年第16周
前端·javascript
DyLatte43 分钟前
我做了个AI项目后才发现:会做事的人,正在输给会讲故事的人
前端·后端·程序员
深海鱼在掘金43 分钟前
从Claude Code泄露源码看工程架构:第三章 — CLI 启动链路的分流策略与按需加载机制
前端·人工智能·设计模式
踩着两条虫43 分钟前
VTJ:低代码平台原理
前端·低代码·ai编程
颜酱1 小时前
提示词强化1:三个让大模型更「听话」的习惯
前端·javascript·人工智能
破茧成蝶8101 小时前
修复播报缺失文字的bug,改为“播放单个 -> 等待结束 -> 延迟 10ms秒 -> 播放下一个”的递归/循环模式
前端