Workaround vue router-link current path click no action (router-linkのcurrent pathの無反応回避策)

RefreshLink.vue

<template>
  <a v-bind="$attrs" @click="handleLinkClick(to, $event)">
    <slot></slot>
  </a>
</template>
<script>
/**
 * current pathの時に無反応を防ぐため、
 * current pathの場合にはwindow.location.href = toでURL遷移させる
 */
export default {
  name: 'RefreshLink',
  props: {
    to: {
      type: String,
      default: '/'
    }
  },
  methods: {
    handleLinkClick(to, $event) {
      if (!($event.ctrlKey || $event.metaKey) && this.$route.path === to) {
        window.location.href = to
      } else if ($event.ctrlKey || $event.metaKey) {
        window.open(to)
      } else {
        this.$router.push(to)
      }
    }
  }
}
</script>

current pathと同じの場合ページがreloadされてもいい時には <router-link>の代わりにこれを使う

vuejs/vue-router#2430

page reloadでscroll positionを維持したいなら

window.location.href = to
の代わりに
this.$router.go()を使う

また browserのpage reloadをしたくない場合には
window.location.href = to
の代わりに
このように、新しいquery stringをつけてreplaceする

const query = { ...this.$route.query, _: new Date().getTime() };
const newRoute = { ...this.$route, query };
this.$router.replace(newRoute);