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

相关推荐
瘦的可以下饭了5 分钟前
3 链表 二叉树
前端·javascript
我那工具都齐_明早我过来上班10 分钟前
WebODM生成3DTiles模型在Cesium地图上会垂直显示问题解决(y-up-to-z-up)
前端·gis
粉末的沉淀16 分钟前
jeecgboot:electron桌面应用打包
前端·javascript·electron
1024肥宅19 分钟前
浏览器相关 API:DOM 操作全解析
前端·浏览器·dom
烟西22 分钟前
手撕React18源码系列 - Event-Loop模型
前端·javascript·react.js
空镜23 分钟前
通用组件使用文档
前端·javascript
前端小张同学25 分钟前
餐饮小程序需要你们
java·前端·后端
码农胖大海31 分钟前
微前端架构(一):基础入门
前端