javascript — NavigationDuplicated. Переход к текущему местоположению («/ search») не разрешен. [vuejs]

NavigationDuplicated Навигация к текущему местоположению («/ search») не разрешена [vuejs]

Здесь вы смешали несколько понятий от router-link на router-link до программной навигации, чтобы запросить параметры в хранилище состояний. Это немного затрудняет вам помощь и говорит вам, каково «правильное» решение здесь.

Тем не менее, я думаю, что лучший подход для вас будет:
1) определите свой маршрут как

 { path: "/search/:searchString", component: MySearchComponent, props: true } 

2) используйте отзывчивый {amp}lt;router-link{amp}gt; вместо вашего router.push

 {amp}lt;input type="text" v-model="searchString"{amp}gt; {amp}lt;router-link :to="'/search/' searchString" tag="button"{amp}gt;search{amp}lt;/router-link{amp}gt; 

3) получить доступ к searchString в вашем поисковом компоненте через props: ['searchString'] и this.searchString

 props: ['searchString'], ... computed: { msg() { return `Searching for, ${this.searchString}!`; } } 

Полный пример: https://codesandbox.io/s/vue-routing-example-9zc6g
Заметьте, я только что разбудил первые коды и ящики с router который смог найти, настроив соответствующим образом.

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