vue-router 页面传参的俩种方法

a页面传参到b页面

routes页面代码

let routes = [
  {
  {
    path: '/a',
    component: A,
    name: 'a',
  },
  {
    path: '/b/:Id',
    component:B,
    name: 'b',
  },

}

a页面代码

this.$router.push({ name: 'b', params: { id: Id}});

this.$router.replace({ name: 'b', params: { id: Id}});

（其中name的值对应路由里面的name的值,params为页面传的值，传给路由接收）

b页面代码

    （当 $route发生变化时再次赋值listKeyword ）

    watch: {
      '$route': function () {
        this.listKeyword = this.$route.params.id;              (id为接收路由传过来的id)
      }
    },

  （页面加载时赋值listKeyword ）
    mounted() {
      this.listKeyword = this.$route.params.id;
    },

this.listKeyword为页面传参的赋值，其他地方可调用。