params 配置

如果想使用 params 传参，需要在路由配置文件中作调整

export default new VueRouter({
    routes: [
        {
            name: 'home',
            path: '/home/:title/:time',
            component: Home,
        },
        {
            path: '/about',
            component: About
        }
    ]
})

params 传参

首先要给路由命名，因为使用 params 路由时，在 <router-link></router-link> 标签的 to 属性里，必须使用 name 标识页面。

<router-link active-class="active" :to="{
    name: 'home',
    params: {
        title: 'Hello',
        time: '2022-01-23'
    }
}">Home</router-link>

params 接参

通常情况下，接参也是在计算属性中完成的。

export default {
    name: 'Home',
    computed: {
        title(){
            return this.$route.params.title
        },
        time(){
            return this.$route.params.time
        }
    }
};