VUE---不连接后端的登录验证规则方法

问题视频：
https://www.bilibili.com/video/BV13M4y1V71E/

Vue-登陆跳转（验证跳转，不验证直接跳转），不需要后台数据库（也可以自己加）

首先，我们的验证规则为：

password也同理，然后最重要的就是验证规则的方法编写

代码附上：

    submitForm () {
      // this.$message.success('操作成功！')
      // 验证校验规则
      this.$refs.loginFormRef.validate((valid) => {
        // valid的值为true或者false
        console.log(valid)
        if (valid) {
          // alert('登录成功！')
          console.log('登录成功！')
          this.$message.success('登录成功！')
          this.$router.push({ path: '/home' })
        } else {
          console.log('登录失败！')
          return false
        }
      })
    },

重置按钮方法设置：

    resetForm () {
      this.$refs.loginFormRef.resetFields()
    }

或者大家不想要每次都输入账号密码，
则也可以使登录按钮直接跳转登录，直接空值也可以跳转进入主界面哦。

this.$message.success('操作成功！')
this.$router.push({ path: '/home' })