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

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

提前致谢,
史蒂芬

解决方法:

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

JS：

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

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

标签：vue-router,javascript,vue-js
来源： https://codeday.me/bug/20190829/1757680.html