根据路线加载组件/模板参数vuejs

我想问一下，如果我可以在vuejs上实现此功能，那么基本上代码将基于param url加载页面/模板。我一直在寻找一段时间，不能得到我需要的结果，或者我只是在搜索一个错误的关键字。根据路线加载组件/模板参数vuejs

我的网址是这样的，所以我不能在我的路由中手动声明url，因为它是动态的，从数据库中获取。

path: '/user/page_type

非常感谢！

export default { 
    mounted() { 
     if(this.$routes.params.page_type == "home"){ 
      // Load Homepage Here 
      // ../../../page/HomePage.vue 
     } 
     else if(this.$routes.params.page_type == "speaker"){ 
      // Load Speakerpage Here 
      // ../../../page/HomePage.vue 
     } 
     else if(this.$routes.params.page_type == 'html'){ 
      // Load HTML Page Here 
      // ../../../page/HtmlPage.vue 
     } 
    } 
}

来源

2017-04-22 Sydney Loteria

这是可用的开箱即用的正式插件vue-router。

文档，以便您的情况：link

来源

2017-04-22 07:23:55 wostex

我的情况是，它将使基于PARAMS不同的组件。不是相同的组件 –

然后在你的/用户/组件中，你可以插入''并在脚本集中设置watch：{'$ route'：{...' //router.vuejs.org/en/essentials/dynamic-matching.html（反应到参数更改）。在方法getComponent中，您可以返回所需的组件名称。 – wostex

你有没有这个'“的例子'我完全不明白。你介意分享一些我可以检查的链接吗？ –

根据路线加载组件/模板参数vuejs

回答

相关问题