vue2:表单的动态校验和静态校验

通常情况下，我们会在不同的状态下复用同一个表单，比如查看详情页和编辑页面，而不同状态下，校验规则可能有细微不同，这样，我们就需要在执行校验的时候先检查状态，不同的状态下，采用不同的规则，这就要用到动态校验。

1、使用computed来实现动态校验

通常，我们将rules写在data中，来校验字段的必填、长度限制等固定规则，例如：

export default {
  data() {
    return {
      form: {
        username: '',
        password: ''
      },
      rules: {
        username: [
          { required: true, message: '用户名不能为空', trigger: 'blur' }
        ],
        password: [
          { required: true, message: '密码不能为空', trigger: 'blur' }
        ]
      }
    };
  }
};

但是，当我们的规则需要根据情况而变化，比如，在某种严格校验的情况下，不仅要求用户名不为空ÿ