vue routerでは入手できない解決方法を伝えます。

現在のルートの中でtoarticle方法があります。articaleページにジャンプできます。

 methods:{
   toArticle:function(index) {
   this.$router.push({path:'/article',params:this.blogList[index]});
  }
 }

articleではparamsは受け付けられません。

  mounted(){
   console.log(this.$route.params)
   //    undifined
  }

このような原因は、paramsはnameで取得する必要があるため、ここでqueryとparamsの違いが分かります。
queryはpathで導入します。受信パラメータはすべてthisです。route.query.nameです。queryはajaxでget参照と似ています。つまり、ブラウザのアドレスバーにパラメータを表示します。
paramsはnameで導入します。受信パラメータはすべてthisです。paramsは、postに似ています。つまり、ブラウザのアドレスバーにパラメータが表示されません。
以上のようにテープ面を修正すれば、データを得ることができます。

 methods:{
   toArticle:function(index) {
   this.$router.push({name:'article',params:this.blogList[index]});
  }
 }

以上のこのvue routerでは得られない解決方法は、小編集が皆さんに提供した内容の全部です。参考にしていただければと思います。よろしくお願いします。