Я работаю над поисковым компонентом, который принимает значение поля выбора и перенаправляет пользователя на соответствующую страницу.Однако я заметил, что когда страница отображается, она вызывает неправильный шаблон и в результате не показывает содержимое.
Навигация по <nuxt-link> возвращает правильный шаблон.
Я хочу, чтобы $router.push отобразил тот же шаблон, что и <nuxt-link>.Как мне это сделать?
Соответствующий код ниже ...
Шаблон
<template>
<section class="search" role="search" aria-label="Search">
<div class="form-group" v-if="searchReady">
<span class="option-group">
<label for="visitortype">I am a</label>
<select v-model="visitor" :searchable="false" :onChange="getData(visitor)">
<option v-for="(v, index) in typesVisitor" :key="index">{{ v.name }}</option>
</select>
</span>
<span class="option-group">
<label for="experiencetype">looking for</label>
<select label="name" v-model="experience.name" :searchable="false" :onChange="setExperience(experience)">
<option v-for="(x, index) in typesExperience" :key="index">{{ x.name }}</option>
</select>
</span>
</div>
<button class="button" @click="loadExperience">Show Me</button>
</section>
</template>
Скрипт
loadExperience() {
// Redirect to experience page (e.g. '/dir/page')
this.$router.push(this.searchDestination);
}