el-form表单 rules 动态验证失效的问题

在form表单中 存在多个 相同的组件 【InputNumber 计数器】
验证时发现无法正常校验 InputNumber 代表的字段

表单动态验证失效,只需要加上key就可以了,实际上出现这个问题是因为vue的[diff算法],在diff算法中会尽可能的复用组件,所以需要加上key属性

      <el-form-item  label="售价(元)" :label-width="formLabelWidth"  prop="cost"  key="cost" >
          <el-input-number
            v-model="dataForm.cost"
            :step="1"
            :min="0"
            :precision="2"
            :style="styleObject"
          ></el-input-number>
        </el-form-item>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容