javascript — (Vue.js) один и тот же компонент с разными маршрутами

(Vue.js) Один и тот же компонент с разными маршрутами

Я хотел бы использовать один и тот же компонент для разных маршрутов в приложении Vue.js.

В настоящее время у меня есть что-то вроде этого:


main.js

 const routes = [ { path: '/route-1', name: 'route-1', component: MyComponent }, { path: '/route-2', name: 'route-2', component: MyComponent }, { path: '/route-3', name: 'route-3', component: MyComponent }, ] const router = new VueRouter({ routes }) 

myComponent.vue

 {amp}lt;ul{amp}gt; {amp}lt;li{amp}gt;{amp}lt;router-link to="/route-1"{amp}gt;Route 1{amp}lt;/router-link{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;{amp}lt;router-link to="/route-2"{amp}gt;Route 2{amp}lt;/router-link{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;{amp}lt;router-link to="/route-3"{amp}gt;Route 3{amp}lt;/router-link{amp}gt;{amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; 

Когда я вручную набираю маршрут в браузере, все работает хорошо, но когда я пытаюсь перемещаться между маршрутами, используя некоторые из этих генерируемых маршрутизатором ссылок , ничего не происходит. Маршрут меняется, но содержание остается прежним. Любая идея, как я могу решить это?

Спасибо!

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector