Возможно тут появились новые люди онлайн. Поэтому ещё раз попрошу

Question

Возможно тут появились новые люди онлайн. Поэтому ещё раз попрошу

совета.
Моя проблема вкратце. Есть компонент поиска. В нём
<input @keyup.enter="search()"
v-model="val">
Функция search такая:
search () {
this.$router.push({ name: "search", query: { q: term } });
}
Router config такой:
{
path: "search",
component: Search as any,
name: "search",
props: (route) => {
return {
query: route.query.q,
};
},
}
Если попытаться 2 раза подряд произвести поиск с одинаковым запросом, то первый раз отрабатывает, а второй - нет. Сначала я думал, что проблема в том, что компонент просто не ререндерится из-за отсутствия изменений в используемых переменных (query не меняется). Но проблема оказалась в другом (спасибо ребятам за объяснения). $router.push просто не делает push, если передаваемый путь совпадает с текущим и выдаёт Navigation duplicate.

Вопрос прежний. Как сделать так, чтобы компонент Search в роутер конфиге ререндерился при каждом совпадении (router match)?
Спасибо.

#frontend #javascript #programming #russian #vue.js

0

18.03.2020

1 ответов

13 просмотров

Aleksey Chirkin · Accepted Answer

Aleksey Chirkin

дык добавь еще один prop и передавай туда рандомный текст

0

18.03.2020

169 похожих чатов

Возможно тут появились новые люди онлайн. Поэтому ещё раз попрошу

1 ответов

Похожие вопросы