前端Vue怎么获取登录的用户名

前言

首先本篇写给一些有前端基础的人看

登录界面存用户名，key值为user

//调用后台的方法 登录方法
Login() {//axios 获取网络var that = thisthis.$axios.post("http://localhost:8088/xiaoxiang/findloginuser", {userName: this.username,password: this.password,//身份的验证indentity: this.value}).then(function(res) { //请求成功//回调方法里的this，只是调用方法体里面的参数，所以需要在外面将this定义好 JQueryif (res.data.code === 1) {// JSON.stringify将要序列化成 一个JSON 字符串的值，将值存在sessionStorage读取或保存数据中，设置key值为usersessionStorage.setItem("user", JSON.stringify({username: that.username,}))if (that.value === "admin") {//路由的跳转－－正常跳转就行} else if (that.value === "普通用户") {//路由的跳转}} else if (res.data.code === 500) {alert("用户名或者密码错误，请重新输入")// window.location.href = 'fail.html'}}).catch(function(err) { //请求失败console.log(err)})},

跳转的页面获取key为user的用户名

该方法处于的位置：

// created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。created() {let userName = JSON.parse(sessionStorage.getItem("user"))if(userName) {//userName.username==user.username  对应登录界面设置的key里面的value对应的数组值this.user = userName.usernameconsole.log("this.user:"+this.user)}},

打印的结果为

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！