Vue Router(Nuxt.js) methodsでページ遷移する方法

Vue Routerでリンクを作ってページ遷移させる時は、下記のようにすることができます。

<router-link :to="/">Topへ戻る</router-link>

Nuxt.jsの場合は下記の通り。

<nuxt-link :to="/">Topへ戻る</nuxt-link>

両方ともaタグとして生成されるので、ページ遷移させることができます。

しかし、methodsなどで何か処理をしたあとでページ遷移させたい時があるかと思います。
そんな時は$router.pushを使います。

<button @click="returnTop">Topへ戻る</button>

<script>
export default {
  methods: {
     returnTop(){
        this.$router.push('/')
    }
  }
}
</script>

this.$router.push()の前に処理を記述することで、処理をおこなってからページ遷移させることができます。