路由传参

通常用编程式路由进行传参

首先在router.js路由中进行占位

  // /:keyword需要先占位
        {
            path:'/Search/:keyword',
            component:Search,
            name:"Search",
            meta:{show: true}
        },

路由传参有三种方式，我们常用第三种对象形式

  methods:{
    goSearch(){
      this.$router.push('/Search');
      // 编程式路由携带参数，第一种字符串形式
      // this.$router.push('/Search/'+this.keyword+"?k="+this.keyword.toUpperCase());
      // 第二种模板字符串
      // this.$router.push(`/Search/${this.keyword}?k=${this.keyword.toUpperCase()}`)
      // 第三种对象传参 需要name
      this.$router.push({name: "Search",params:{keyword:this.keyword}, query:{k:this.keyword.toUpperCase()}})
      // console.log(this.keyword)
    },
  }
}