Pourquoi le lien de routeur ne fonctionne pas dans Firefox et IE mais fonctionne bien dans Safari et Chrome dans la vue js?

Question

Here is my html code : 
 
    <button type="button" class="btn btn-default btn-block" v-for="x in filterName" v-on:click="passuserid(x.rsid)"> <router-link v-bind:to="'/combo/'"><b>{{x.last_name}}</b> {{x.first_name}} 
 

 
      </router-link></button>

Et voici le code des routes:

export const routes =[ 
 
    { path:'', component: ContentArea}, 
 
    { path:'/combo/', component: Comparison } 
 
    ];

Answer 1

Essayez d'utiliser li au lieu du bouton.

<li class="btn btn-default btn-block" v-for="x in filterName" v-on:click="passuserid(x.rsid)"> 
 
       <router-link to="/combo">{{x.last_name}}</b> {{x.first_name}}</router-link> 
 
      </li>