Vuejs страница не загружается при нажатии на динамическую ссылку c маршрутизатора - PullRequest
Новая
       121

Vuejs страница не загружается при нажатии на динамическую ссылку c маршрутизатора

0 голосов
/ 05 августа 2020

Я использую VueJs 2 с Laravel 7. У меня есть следующий код, который должен заменять динамически созданную страницу при нажатии кнопки «Следующая» или «Предыдущая». Он отлично изменит URL-адрес, но страница не изменится, и я не уверен, где я ошибся.

Вот ссылки: 

 <div class="row">
     <div class="col-4 offset-2">              
         <router-link :to="{name: 'question', params: {question: index -1  }, query: {question: index - 1 }}">
             <div v-if="index > 0" class="btn btn-primary">Previous</div>
         </router-link>
     </div>
     <div class="col-4">
         <router-link :to="{name: 'question', params: {question: index + 1 }, query: {question: index + 1 }}">
             <div v-if="index < questions.length" class="btn btn-primary">Next</div>
         </router-link>
     </div>
 </div>

Тег маршрутизатора: 

<router-view            
     :key="$route.params.question"
     :index="pageNumber + 1"
     :header="header" 
     :questions="questions" 
     v-on:sectionScore="sectionScoreChange"
     :colour="colours[index % colours.length]"
     >
</router-view>

Маршрут в сети. php

Route::get('/{any?}', 'QuestionnaireController@index')->where('any', '.*');

и, наконец, маршрут в vue маршрутизаторе: 

const routes = [
  {
    path: '/question/:question',
    name: 'question',
    component: Questions,    
  }
];

Если это поможет, когда вы щелкните ссылки маршрутизатора, чтобы изменить URL-адрес, и нажмите refre sh, он действительно поменяет страницу, но не делает этого автоматически.

...