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

【问题标题】：Using Vue dynamic route name, in component function在组件函数中使用 Vue 动态路由名称
【发布时间】：2016-10-21 00:16:54
【问题描述】：

我一直在尝试使用 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”，“dashboard”应该被解析为模板参数。

提前致谢，史蒂文

【问题讨论】：

标签： javascript vue.js vue-router

【解决方案1】：

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

js:

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

注意：不确定您是否可以在data() 中访问this.$route，因此我使用了ready() 事件，但也许您可以将其删除并直接放入data()。

【讨论】：