ElementUI中复杂表单校验

本文介绍了两种特殊表单的校验方式。

1. 对象里包含数组
2. 对象里包含对象

首先看第一种，对象里包含数组，表单通过v-for生成
示例代码如下：

  
     
        
      
      
      

        
           
           新增
        
     
      
      
        提交
      
    

对象中包含对象

第二种情况示例代码如下：

data () {
  return {
    form: {
          mailVo: {  receiver: '' }
      },
    rules: {
        receiver: [{ required: true, message: '请输入收件人邮箱', trigger: ['blur', 'change'] }]
      }
}

表单绑定了 form.mailVo.receiver，如果像上面代码中rules那样写，是起不了校验作用的。
只需改成：

  rules: {
        'mailVo.receiver': [{ required: true, message: '请输入收件人邮箱', trigger: ['blur', 'change'] }]
      }

一定要记得加引号~