vue中this.$router.params接收传值为空咋办

Posted 尔嵘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中this.$router.params接收传值为空咋办相关的知识,希望对你有一定的参考价值。

在使用push传参,parmas接收参数,接收为空如下:

//传值 id
this.$router.push(
    name: "centerTop",
    parmas: 
        id: 2020,
        content: content
    
)

console.log(content)

//接收 id
getContent()
    if(this.id == 2020)
        this.content = this.$router.params.content 
    
    console.log(this.content)

解决办法:

1.使用query接收

或者2.this.$router.push(
          path: `/xxxxxx/$id`,
       )

以上是关于vue中this.$router.params接收传值为空咋办的主要内容,如果未能解决你的问题,请参考以下文章

vue-router params 和 query 的区别

vue 路由动态传参 (多个)

vue路由传参

Vue2 实践揭秘 错误列表

Taro H5端微信授权链接获取code,回调页面通过this.$router.params获取不到参数

vue-router中query和params传参(接收参数)以及$router$route的区别