Vueページジャンプ伝達パラメータおよび受信
1189 ワード
最近vueプロジェクトに接触しましたが、ここではvueが次のページにジャンプしてパラメータを携帯する2つの方法を記録します.
≪一般的な適用シーン|General Apply Scene|emdw≫:≪リスト・ページ|List Page|emdw≫:≪詳細ページ|Details Page|emdw≫へジャンプ
一、ルーティングの構成
ファイルパス:src/router/config.php
二、ページのジャンプとパス
三、パラメータ受信
≪一般的な適用シーン|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;