登录按钮的禁用和可用

效果图如下

这里只讲登录按钮的问题。HTML部分如下：

  登录

username和password放在data里

data: function() {
    return {
      username: '',
      password: '',
    };
  },

动态绑定两个样式，一个是至灰的样式，设置一个背景色为#CCCCCC就好了，username是账号，password是密码，任何一个为空的时候是至灰的样式，都不为空才变为正常。然后就是点击方法上做一个判断，当没有账号或者密码的时候提示输入账号密码。

gopage(){
      // this.$router.replace({ name: "test" });
      console.log(this.username)
      console.log(this.password)
      let that = this
      if (this.username == '') {
        alert("账号不能为空");
        return;
      }
      if (this.password == '') {
        alert("密码不能为空");
        return;
      }
    }