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

Question

我想问我是否可以在 vuejs 上实现它，所以基本上代码将加载基于参数 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
        }
    }
}

Answer 1

这在官方插件 vue-router 中开箱即用。

您案例的文档:link