vue-router 2ルーティングパラメータのいくつかの方法

953 ワード

vue-routerの伝参のいくつかを簡単に紹介して、深く勉強してvue-router 2中国語のドキュメントを移動してください
宣言式




//         :


プログラミング
router.push({ name: 'newsDetail', params: { id: 123 }})  ->/newsDetail/123

router.push({ path: 'newsDetail', query: { id: 123 }}) ->newsDetail?id=123
//       params    
router.push({ path: '/user', params: { userId }}) // -> /user

//        
{ path: '/newsDetail/:id', name:'newsDetail',component: newsDetail}
  • params方式でルーティング間でパラメータを渡します.パラメータはthis.$route.paramsで取得し、queryでルーティング間でパラメータを渡します.パラメータはthis.$route.クエリーで取得します.