Vue路由带参数跳转

Vue路由带参数跳转

<router-link

    :to="{

        path: '',

        params: {

            id: id,

            dataObj: data

        },

        query: {

            id: id,

            dataObj: data

        }

    }">

</router-link>

path 是要跳转的路由路径(推荐换成 name 值，name: pathName ，命名路由，两者都可以进行路由导航)
params 是要传送的参数，参数可以直接 key:value 形式传递（类似post）
query  是通过 url 来传递参数的同样是 key:value 形式传递（类似get） 刷新也不会丢失数据
接收参数：
this.$route.query.id
this.$route.params.id

关于path路径加不加 / 的问题，加了/就是在根路径下跳转，不加就是在当前路径后面跳转，子页面，使用命名路由就不用管加不加 / 的问题了