Vueページジャンプ伝達パラメータおよび受信

1189 ワード

最近vueプロジェクトに接触しましたが、ここではvueが次のページにジャンプしてパラメータを携帯する2つの方法を記録します.
≪一般的な適用シーン|General Apply Scene|emdw≫:≪リスト・ページ|List Page|emdw≫:≪詳細ページ|Details Page|emdw≫へジャンプ
一、ルーティングの構成
ファイルパス:src/router/config.php
import Vue from 'vue'
import Router from 'vue-router'

import classify from '.././components/classify/classify.vue'

import classifyChild from '.././components/classify/classifyChild.vue'

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/classify',
      name: ' classify',
      component: classify
    },
    {
      path: '/classify/classifyChild',
      name: 'classifyChild',
      component: classifyChild
    },
    
  ]
})

二、ページのジャンプとパス
//   

    


//   

    

三、パラメータ受信
//      
let id=this.$route.params.id;

//      
let id=this.$route.query.id;