平底锅上的 Nuxt 链接而不是点击？

Question

传统的nuxt-link 通过单击链接在页面之间导航。我想知道我是否可以通过平移而不是单击链接来触发跨页面路由的相同操作！

看起来像这样的东西（我使用的是hammerjs）：

sliderManager.on("pan", function(e) {
    // trigger nuxt-link click and routes me to another page
})

典型的nuxt-link：

<nuxt-link to="/about">About</nuxt-link>

基本上，我希望通过滑动导航到我的关于页面。

Answer 1

Nuxt 将 Vue Router 实例公开为$router，因此您可以使用$router.push() 导航到链接的to。在<nuxt-link> 上使用ref 以访问您的回调中的链接。

<template>
  <nuxt-link ref="myLink" to="/about">About</nuxt-link>
</template>

<script>
export default {
  async mounted() {
    await this.$nextTick()

    //...

    sliderManager.on("pan", () => {
      sliderManager.off("pan")

      this.$router.push("/about")

      // OR
      this.$router.push(this.$refs.myLink.to)
    })
  }
})
</script>