前端login传值(前端demo，没有后端)

Question

求指导

head里：

login里：

为啥head下边的main里可以获取到值，而head里却获取不到呢。(前端demo，没有后端)

Answer 1

该回答引用GPTᴼᴾᴱᴺᴬᴵ
在Vue.js中，可以通过路由参数$route.params传递参数。在你的代码中，你使用$route.params.phone来传递登录用户的手机号码，并在head组件中使用这个参数值来决定是否显示登录和退出按钮。
·
然而，在login组件中，你在使用this.$router.push函数时似乎没有正确地设置params参数。具体来说，你使用了一个非法的对象字面量语法。你可以使用一个对象字面量来指定params参数，但需要使用冒号来分隔键和值。这样，你的代码应该类似于下面的形式：

this.$router.push({
  name: 'Home',
  params: {
    phone: this.Formate.phone
  }
});

在这个代码片段中，params对象字面量中的键phone后面跟着一个冒号，表示它是一个命名参数，而不是一个字面值。这样，当你从login组件中路由到Home组件时，params参数应该被正确地设置，你应该可以在head组件中获取到这个参数值。