我有一个登录表单,每次提交表单时,页面都会重定向到用户页面,我要在其中显示登录用户的用户名。每次提交表单时,重定向中都会显示用户名页面网址。我设法仅在登录页面中显示来自URL的用户名,当我尝试在用户页面中添加(newUser)变量时找不到它
(login.js)
var loginApp = new Vue({
el: '#login',data: {
username: '',password: '',},methods: {
onSubmit: function () {
// check if the user already exists
var users = '';
var newUser = this.username;
var passcheck = this.password;
if (localStorage.getItem('users')) { // 'users' is an array of objects
users = JSON.parse(localStorage.getItem('users'));
}
if (users) {
if (users.some(function (user) {
return user.username === newUser & user.password === passcheck
})) {
alert('Welcome back-' + newUser);
window.location.href = 'user-profile.html' + '#' + newUser;
//var segment_str = window.location.href = '#' + newUser;
// var segment_array = segment_str.split( '/' );
//document.getElementById('demo').innerHTML = segment_array.pop();
//document.write(newUser); // alerts segment4
} else {
alert('Incorrect username or password');
}
}
}
}
});
(users.js)
var segment_str = window.location.href = '#' + newUser;
var segment_array = segment_str.split('/');
document.getElementById('demo').innerHTML = segment_array.pop()