根據路線加載組件/模板參數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

回答

相關問題