Vue通过路由 query传递参数

父组件通过query来传递num参数为1，相当与在 url 地址后面拼接参数

<template>  
    <div>  
        <h3>首页</h3>  
        <router-link :to="{ path:'/home/game', query: { id:  1} }">  
            <button>显示<tton>  
        </router-link>  
  
        <router-view></router-view>  
    </div>  
</template>  

子路由中通过 this.$route.query.num 来显示传递过来的参数　　

<template>  
    <h3>王者荣耀{{ this.$route.query.id}}</h3>  
</template>  

地址：http://localhost:3333/#/index?id=001
结果：001

console.log(this.$route.query.id)

转载于:https://www.cnblogs.com/AmbiguousMiao/p/8004389.html