为什么 Router link 在 Firefox 和 IE 中不工作，但在 Safari 中工作正常，而在 vue js 中工作 Chrome？

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>

这是路线代码：

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

Answer 1

尝试使用 li 而不是按钮。

<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>

为什么 Router link 在 Firefox 和 IE 中不工作，但在 Safari 中工作正常，而在 vue js 中工作 Chrome？

Why Router link does not work in Firefox and IE but working fine in Safari and Chrome in vue js?

vue-router

vue-component

vuejs2