Nuxt.jsのmethodsでページ遷移

2020/12/14

#Vue.js/Nuxt.js

Nuxt.jsのmethodsでページ遷移をする方法を備忘録として書いておきます。
(多分素のVue.js + Vue-routerでも使えます)

export default {
    methods:{
        redirect:function(){
            this.$router.push("遷移先のパス")
        }
    }
}


上のように書いてbuttonなどに@click=”redirect”みたいな感じで指定すれば動かせます。


関連記事:Vue.js/Nuxt.js

Nuxt.js + microCMS + Nuxt Contentでブログを作り直してみた

Vue.js/Nuxt.js

[Nuxt.js]動的なルーティングを含めてgenerateする方法

Vue.js/Nuxt.js

[Nuxt.js]nuxt.config.jsに環境変数を定義してプログラムから読み込む方法

Vue.js/Nuxt.js