vue项目中遍历form表单验证问题

最新推荐文章于 2023-09-01 15:35:52 发布

MrsTing

最新推荐文章于 2023-09-01 15:35:52 发布

阅读量1.3k

点赞数 2

本文链接：https://blog.csdn.net/qq_40364610/article/details/104747039

版权

1.html代码：

主要代码是： :prop="children.${index}.metre" :rules=“groupRules.groupMetre”

<div v-for="(item,index) in form.children" class="child-list">
	<el-form-item label="总长度" :prop="`children.${index}.metre`" :rules="groupRules.groupMetre">
	  <el-input v-model="item.metre" style="width: 187px;" />
	</el-form-item>
</div>

js代码：

groupRules: {
  groupMetre: [
    { required: true, message: '请输入总长度', trigger: 'blur' },
    {
            pattern: /^[1-9]\d*(\.\d+)?$/,
            message: '请输入大于0的数字！',
            trigger: 'blur'
          }
  ],
}