Vue 路由传递参数

本文已参与[新人创作礼]活动，一起开启掘金创作之路

一、用name传递参数

在路由文件src/router/index.js里配置name属性

routes: [
    {
      path: '/Message',
      name: 'Message',
      component: resolve => require(['../components/page/Message.vue'], resolve)
    }
]

传值

this.$router.push({name:"Message",params:{id:this.id}})

在Message页面接收值

this.$route.params.id

二

 this.$router.push({
          path: '/Message',
          query: {
            id: id
          }
        })

接收

    this.$route.query.id