Vue.js 根据路由参数vuejs加载组件/模板

Vue.js 根据路由参数vuejs加载组件/模板,vue.js,vuejs2,Vue.js,Vuejs2,我想问一下,我是否可以在vuejs上实现这一点,因此基本上代码将加载一个基于param url的页面/模板。我已经搜索了一段时间,但无法得到我需要的结果,或者我只是搜索了一个错误的关键字 我的url是这样的,所以我不能在我的路由中手动声明url,因为它是动态的,从数据库获取 path: '/user/page_type 多谢各位 export default { mounted () { if(this.$routes.params.page_type == "home

我想问一下,我是否可以在vuejs上实现这一点,因此基本上代码将加载一个基于param url的页面/模板。我已经搜索了一段时间,但无法得到我需要的结果,或者我只是搜索了一个错误的关键字

我的url是这样的,所以我不能在我的路由中手动声明url,因为它是动态的,从数据库获取

path: '/user/page_type
多谢各位

export default {
    mounted () {
        if(this.$routes.params.page_type == "home"){
            // Load Homepage Here
            // ../../../page/HomePage.vue
        }
        else if(this.$routes.params.page_type == "speaker"){
            // Load Speakerpage Here
            // ../../../page/HomePage.vue
        }
        else if(this.$routes.params.page_type == 'html'){
            // Load HTML Page Here
            // ../../../page/HtmlPage.vue
        }
    }
}

这在官方插件
vue路由器
中开箱即用


您案例的文档:

我的场景是,它将根据参数呈现不同的组件。不同的组件然后在/user/组件中插入
,并在脚本集
中观察:{'$route':{…
,如这里所述(对参数更改作出反应)。在方法getComponent中,您可以返回所需的组件名称。您有任何关于此
的示例吗?我很不理解。您介意分享一些我可以查看的链接吗?示例:。动态组件:您是最佳人选!。这就是我要找的。非常感谢!