Vue-routerで動的なリンクを生成してみる

2020/12/06

#Vue.js/Nuxt.js

Vue-routerで動的なリンクを生成する方法をメモ

ルーティング

{
    path:"/test/:id"
    name:"test",
    component:test 
}


パラメーターの取得
test.vue

methods:{
    test:function(){
        alert(this.$route.params["test"]
    }
}


router-link
test.vue

<router-link :to="{name:'test',params:{test:'test'}">リンク</router-link>

関連記事: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