代码之家 › 专栏 › 技术社区 › Tomer

js路由器链接在firefox上不起作用

vue-router vue.js

Tomer · 技术社区 · 7 年前

我有这个按钮组件:

    <button :class="classes" v-on="$listeners" v-bind="$attrs">
    <template v-if="to">
      <router-link :to="to" class="flex center-v">
        <AqIcon :icon="icon" v-if="icon" />
        <slot></slot>
      </router-link>

    </template>
    <template v-else>
      <AqIcon :icon="icon" v-if="icon" />
      <slot></slot>
    </template>

  </button>

它可以接受 :to 在这种情况下,我使用路由器链接而不仅仅是文本。

当我这样使用它时:

<AqButton primary icon="plus" :to="{name:'editUser',params:{id:'new'}}">
     Add User
</AqButton>

在chrome上运行良好,但在ff上url会改变,但它会保持在同一个页面上。

1 回复 | 直到 7 年前

Tomer 7 年前

所以很明显,如果你把路由器链接嵌套在一个按钮元素下,它就不起作用了。

所以我把组件改成这样:

<template>
  <router-link v-if="to" :to="to" :class="classes" v-on="$listeners" v-bind="$attrs">
    <AqIcon :icon="icon" v-if="icon" />
    <slot></slot>
  </router-link>

  <button v-else :class="classes" v-on="$listeners" v-bind="$attrs">
    <AqIcon :icon="icon" v-if="icon" />
    <slot></slot>
  </button>

</template>

现在它开始工作了。

推荐文章

Jimmy Kiarie · 路由之前的Vue js

7 年前

angelique000 · 对于非常大的Web应用程序,Vue路由器的最佳实践是什么?

7 年前

Felipe Paulo · Vuejs未渲染子路由

7 年前

angelique000 · 如何在Vue组件中加载OpenSeadragon组件

7 年前

dsky · 保持Vue状态

7 年前

Paul Renshaw · Vue。Firebase托管上的js SPA,使用通配符重写Firebase云函数

7 年前

josefdev · 如何在Vue中声明被动属性。js公司

7 年前

ChadQi · 刷新浏览器导致文件路径更改

7 年前

DarkFenix · 访问存储或获取程序的状态_WEBPACK\u IMPORTED\u MODULE\u 3\u store\uuuuuuuuuuuu。a、调度不是一项功能

7 年前

Chad Carter · Vue测试UTIL未知自定义元素:<路由器链接>

7 年前