vue 验证用户名不能为空_vue 验证登录及跳转检验

Vue管理系统的登录。

首先，一个登录的组件Login.vue，请求校验用户名密码是否正确，若正确，将用户名与密码保存至store中的state中。

然后，在访问每个页面判断state中是否有登录信息，若没有，跳转到登录页，采用的是router.beforeEach()

主要代码：

从页面上获取到用户名，密码后，点击登录按钮，执行以下函数

loginCheck () {

// accout为页面获取的登录信息

var name=this.account.username;

//保存的密码

var pass=this.account.password;

// 判断是否为空

if(name==''||name==null){

this.$alert('请输入正确的用户名')

return

}else if(pass==''||pass==null) {

this.$alert('请输入正确的密码')

return

}

let para = {

login_name: name

}

// 调接口，检验登录，在这里用了将所有接口服务写入了api.js里，若没有直接axios.get(路由，参数)

this.$api.get_user_login_info(para)