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)

巴特西

Vue通过路由 query传递参数

最新文章

热门文章