vue中element-ui中的form表单的动态验证

废话不多说 直接上代码 

 export default {
    data() {
      const validatePass = (rule, value, callback) => {
        //这里进行动态表单验证
      }
      return {
        ruleForm: {
          jobName: '',
        },
        rules: {
          jobName: [{
              required: true,
              message: '请输入活动名称',
              trigger: 'blur'
            },
            {
              min: 1,
              max: 10,
              message: '长度在 1 到 10 个字符',
              trigger: 'blur'
            }, {
              required: true,
              trigger: "blur",
              validator: validatePass
            }
          ],
          
        }
      };
    },
    methods: {
      
    }
  }

其中validatePass 就是动态验证的方法