如何获取登录时的用户名并在该页面显示

Question

el-form ref="xiugaiFormRef" status-icon :rules="xiuGaiPassRules" :model="xiuGaiPassForm" label-width="77px">  
                <el-form-item label="用户名" prop="uname">
                    <el-input v-model="xiuGaiPassForm.uname" disabled></el-input>
                </el-form-item>  
                <el-form-item label="新密码" prop="pass">
                   <el-input type="password" v-model="xiuGaiPassForm.pass"></el-input>
                </el-form-item>  
                <el-form-item label="确认密码" prop="checkPass">
                    <el-input type="password" v-model="xiuGaiPassForm.checkPass"></el-input>
                </el-form-item>  
                <el-form-item>    
                    <el-button type="primary" @click="submitXiugai('xiugaiFormRef')">确认</el-button>
                    <router-link to="/FangYuan"><el-button type="primary" plain>返回</el-button></router-link>
                </el-form-item>
                
            </el-form>

如何获取登录页面时的用户名并在该页面显示，万分感谢

Answer 1

登录成功时，将后端返回的用户权限token存储本地，前端再根据token向后端获取用户信息，并把它存储在vuex中，每次刷新页面时重新校验token，并返回用户信息，显示用户名。