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

Javascript 在组件函数中使用Vue动态路由名称,javascript,vue.js,vue-router,Javascript,Vue.js,Vue Router,我一直在尝试使用Vue和Laravel进行动态视图渲染。但是,我无法理解应该如何将动态参数解析为组件函数 Router.map({ '/cms-admin/:page': { component: { template: returnView(this.$route.params.page) } } }); function returnView (option) { // Generate the AJAX re

我一直在尝试使用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”解析为模板参数

提前感谢,, 史蒂文

  • 将页面的各个模板注册为
  • 使用
    $route
  • js:

    组件:{
    模板:“”,
    data(){return{partial:'}},
    ready(){this.partial=this.$route.params.page},
    }
    
    注意:不确定您是否可以在
    data()
    中访问
    this.$route
    ,因此我使用了
    ready()
    事件,但您可以删除它并直接将其放入
    data()

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