Javascript 在组件函数中使用Vue动态路由名称
我一直在尝试使用Vue和Laravel进行动态视图渲染。但是,我无法理解应该如何将动态参数解析为组件函数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
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
组件:{
模板:“”,
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},
}