Store username by login
parent
cf6c149bfc
commit
1c190fde37
11
index.html
11
index.html
|
@ -4,8 +4,19 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>manage-system</title>
|
<title>manage-system</title>
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
|
||||||
|
<meta name="keywords" content="vue.js, wms, vue2, 后台模板, 管理系统, element" />
|
||||||
|
<meta name="description" content="基于Vue2 + Element UI 的后台管理系统解决方案" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
<script>
|
||||||
|
var _hmt = _hmt || [];
|
||||||
|
(function() {
|
||||||
|
var hm = document.createElement("script");
|
||||||
|
hm.src = "https://hm.baidu.com/hm.js?1ad0a5c62a113bb874be8bb514b0a70d";
|
||||||
|
var s = document.getElementsByTagName("script")[0];
|
||||||
|
s.parentNode.insertBefore(hm, s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<el-dropdown trigger="click" @command="handleCommand">
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
<span class="el-dropdown-link">
|
<span class="el-dropdown-link">
|
||||||
<img class="user-logo" src="../../../static/img/img.jpg">
|
<img class="user-logo" src="../../../static/img/img.jpg">
|
||||||
linxin
|
{{username}}
|
||||||
</span>
|
</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<el-dropdown-item command="loginout">退出</el-dropdown-item>
|
<el-dropdown-item command="loginout">退出</el-dropdown-item>
|
||||||
|
@ -19,17 +19,21 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
sName: 'abcd'
|
name: 'linxin'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed:{
|
||||||
|
username(){
|
||||||
|
let username = localStorage.getItem('ms_username');
|
||||||
|
return username ? username : this.name;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
handleCommand(command) {
|
handleCommand(command) {
|
||||||
if(command == 'loginout'){
|
if(command == 'loginout'){
|
||||||
|
localStorage.removeItem('ms_username')
|
||||||
this.$router.push('/login');
|
this.$router.push('/login');
|
||||||
}
|
}
|
||||||
},
|
|
||||||
loginOut(){
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -41,6 +41,7 @@
|
||||||
const self = this;
|
const self = this;
|
||||||
self.$refs[formName].validate((valid) => {
|
self.$refs[formName].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
|
localStorage.setItem('ms_username',self.ruleForm.username);
|
||||||
self.$router.push('/readme');
|
self.$router.push('/readme');
|
||||||
} else {
|
} else {
|
||||||
console.log('error submit!!');
|
console.log('error submit!!');
|
||||||
|
|
Loading…
Reference in New Issue