在组件函数中使用Vue动态路由名称

Question

我一直在尝试使用Vue和Laravel进行动态视图渲染.但是,我无法解决我应该如何解析动态参数到组件函数.

Router.map({
    '/cms-admin/:page': {
        component: {
            template: returnView(this.$route.params.page)
        }
    }
});

function returnView (option) {
    // Generate the AJAX request here
}

通过我读过的文件,$ route应解决问题.我可以将$ route解析到视图中,并在页面上打印文本.但是,我不能在地图中使用$ route来获取动态名称？

比如说,我输入"/ cms-admin/dashboard","仪表板"应该被解析为模板参数.

先谢谢,史蒂文

Answer 1

1. 将页面的各个模板注册为partials v1 v2
2. 使用<partial>和$route

JS:

component: {
  template: '<partial :name="partial" v-if="partial !== ''"></partial>',
  data() { return { partial: '' } },
  ready() { this.partial = this.$route.params.page},
}

注意:不知道您是否可以访问this.$route的data(),所以我使用的ready()事件,但也许你可以丢弃,并把它直接data().