совета.
Моя проблема вкратце. Есть компонент поиска. В нём
<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)?
Спасибо.
дык добавь еще один prop и передавай туда рандомный текст
Обсуждают сегодня