有沒有辦法在Vuejs路由器中傳遞變量？

Question

我有一個可重用的組件，它只需要根據每次調用的組件進行不同的 api 調用。

我希望能夠做這樣的事情

const routes = [
  {
    path: '/books',
    component: () => import('./Pages/Book-highlights/Nav/index.js'),
    props: {api: '/api/allBooks'}
  }
]
const router = new VueRouter({
  routes
})

據我了解， props只是為了啟用 URL slugs（或它們的名字） ?api=something 。 我希望能夠做這樣的事情

<Nav api='/api/allBooks'></Nav>

但是當然，購買在VueRouter傳遞該api

我研究過的一切都告訴我這是不可能的，但我覺得我在某處見過它！

Answer 1

您可以通過不同的方式使用此方法。 1 通過路由器傳遞參數並根據參數進行必要的配置。 https://codeburst.io/passing-props-to-vue-js-route-components-with-vue-router-e9ad99d8a133 2 如果您將其作為應用程序中的組件調用，那么您可以傳入參數作為什么您在上面提到並類似地接受組件中的參數並根據輸入值進行必要的更改https://blog.logrocket.com/how-to-use-props-to-pass-data-to-child -components/如果您有任何問題，請告訴我