1 <template>
2 <div>
3 <h1>登录</h1>
4 <form @submit.prevent="login">
5 <input v-model="username" type="text" placeholder="用户名" />
6 <input v-model="password" type="password" placeholder="密码" />
7 <button type="submit">登录</button>
8 </form>
9 </div>
10 </template>
11
12 <script>
13 export default {
14 data() {
15 return {
16 username: '',
17 password: ''
18 };
19 },
20 methods: {
21 login() {
22 // 这里可以添加登录逻辑,例如发送请求到后端
23 console.log('登录成功,用户名:', this.username);
24 // 登录成功后跳转到首页,并携带用户信息
25 this.$router.push({ name: 'Home', params: { username: this.username } });
26 }
27 }
28 };
29 </script>
25行携带用户信息跳转