登录小tip

当我们有时候在写登录的逻辑时，先涉及到检验用户名，密码，验证码是否为空，在根据相应的空缺依次提示，当然在提示的时候我们遵循每次只提醒最前面的那个(这样我们就知道自己哪里没输,后面同样会去检测)，我们不可能将没输的依次提醒，例如用户名，密码，验证码都没输我们只需提醒用户名，当用户名输了，后两个没输，我们只需要提醒密码没输即可（依次类推），依次有第一个为空阻断程序运行（不管后面输入框是否为空）！
这样的逻辑在业务中如何书写看起来更简练更有逼格，在今天写登录框时，感觉这样写更好一些！巧妙的运用了数组every，当遍历时，如果满足输入框为空时，return false 就会停止遍历，如果不满足时外层return true就会继续遍历，这个特性是forEach和map不能相比的因为它们不能阻止遍历（当然报错可以）

<script>
export default {
  name: 'login',
  data() {
    return {
      account: {
        username: '',
        password: '',
        authcode: ''
      },
      tips: {
        username: '请输入用户名',
        password: '密码不能为空',
        authcode: '请输入验证码'
      }
    }
  },
  methods: {
    checkIsEmpty() {
      // 登录时检查输入框是否为空 (这段代码是提示的核心代码)
      Object.keys(this.account).every((item, index) => {
        if (!this.account[item]) {
          alert(this.tips[item])
          return false
        }
        return true
      })
    }
  }
}
</script>