vue element 动态添加form验证

这个是我根据循环动态添加的表单，现在要进行验证 ，是用vue element写的 ，代码如下：


现在在不输入的情况下一直会有警告（如上图所示），这是为什么？求大神解答一下，这个怎么解决

应该考虑将验证的功能写在 点击确定按钮要提交表单的时候再验证

给投产数量一个默认的初始值，比如0

你的验证条件rules 写错地方了，不是在每一个el-form-item 上， 而应该是写在 el-form 上，





然后把整个rules写到 js 中
export default {
data() {
return {
ruleForm: {
name: ''
},
rules: {
name: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
]
}

1、rules配置到标签上
2、异步验证可以参考这个
data(){
const checkGid = (rule,value,callback) =>{
//做你想干的任何事，比如请求网络验证
}
return{
rulesObj:{
pid:[
{required: true, message: '请输入编号', trigger: 'blur'},
{ min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' },
{validator: checkGid ,trigger:'blur'}
]
}
}
}
..........
3、如果你想清空一下下面那个红色提示，使用：
this.$refs['addFormRef'].resetFields();

主要考虑prop跟v-model有没有对应上，还有就是element 循环表单验证，数据格式必须是对象套数组，否则就不正常，参考官网例子

解决了吗？我遇到了跟你一样的问题