遷移先のページでパラメーターを取得する方法

Question

遷移先のVueページでルーティングのparamsの値が取得出来ない問題が発生してしまいました。
以下は、Top.vueのページの遷移処理の部分になります。

this.$router.push({name:'result',params:{test}})

以下は、遷移先のresult.vueです

<script>

// import axios from 'axios'

export default {

  data(){
    return{

    }
  },

  created() {
    console.log(this.$route.params.url)

  },
}
</script>

以下は、ルーティング情報を記載した「index.js」です

import Vue from "vue";
import Router from "vue-router";
import Top from '../pages/Top';
import Check from '../pages/Check';

Vue.use(Router);

export default new Router({
  mode:'history',
  routes:[
    {
      path:'/',
      component:Top
    },
    {
      name:'result',
      path:'/check/:url',
      component:Check
    },
  ]
})

実際に遷移しますとコンソールには、パラメータを表示している「Check.vue」のconsole.log(this.$route.params.url)ここの部分は「undefined」となってしまい、以下の警告が表示されてしまいます。

vue-router.esm.js?8c4f:16 [vue-router] missing param for named route "result": Expected "url" to be defined

さらにURL欄は「http://localhost:8080/check/パラメータ」ではなく、「http://localhost:8080/」となってしまっています。
警告文で検索してみたのですが、解決方法が分かりませんでした。
どなたか、ご助言頂けましたら幸いです。

※プロジェクトはVueCliにて作成しています。

Answer 1

index.jsのパラメータ:urlに対応づける為には、this.$router.push({name:'result',params:{test}})こちらのparams部分をtestではなく、urlとする必要があることがわかりました。
const url = this.nameなどとし、urlの値を指定したらパラメーターを渡すことが出来ました。