login登录页规则

export default {
  data() {
    return {
      form: {
        username: "",
        password: "",
      },
      formRules: {
        username: [
          {
            required: true,
            message: "请填写用户名",
            tigger: "blur",
          },
        ],
        password: [
          {
            required: true,
            message: "请填写密码",
            tigger: "blur",
          },
          {
            min: 6,
            max: 8,
            message: "请填写6-8位密码",
            tigger: "blur",
          },
        ],
      },
    };
  },

  methods: {
    login() {
      // 1. 首先验证表单的数据填写是否正确
      this.$refs.formRef.validate(async (val) => {
        if (!val) return;
        // 2. 将表单数据提交传到后台 this.form
        const { data: res } = await this.$http.post("login", this.form);
        // 3. 判断状态码
        if (res.meta.status !== 200)
          return this.$message.error("请输入正确的密码和用户");
        this.$message.success("正确");
        // 4. 将用户填写的数据存到后台
        window.sessionStorage.setItem("token", res.data.token);
        // 5. 页面跳转
        this.$router.push("/home");
      });
    },
    reset() {
      // 重置表单
      this.$refs.formRef.resetField();
    },
  },
};```