vue携带用户信息跳转界面

<template>
  <div>
    <h1>登录</h1>
    <form @submit.prevent="login">
      <input v-model="username" type="text" placeholder="用户名" />
      <input v-model="password" type="password" placeholder="密码" />
      <button type="submit">登录</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  },
  methods: {
    login() {
      // 这里可以添加登录逻辑，例如发送请求到后端
      console.log('登录成功，用户名：', this.username);
      // 登录成功后跳转到首页，并携带用户信息
      this.$router.push({ name: 'Home', params: { username: this.username } });
    }
  }
};
</script>

25行携带用户信息跳转