vue-router路由传参

vue-router路由传参有两种方法： 

1、params传参

2、query传参

 用params传参，F5强制刷新参数会被清空，用query传参，由于参数适用路径传参的所以F5强制刷新也不会被清空。（传参强烈建议适用string）

import ArticleIndex from '@/pages/twitter/article/Index';
import ArticleDetailIndex from '@/pages/twitter/article/articleDetail/IndexDetail';

export default new Router({
  routes: [
   {
    path: '/article',
    name: ArticleIndex.name,
    component: ArticleIndex,
    meta: {
      title: '文章管理',
    },
  },
  {
    path: '/article/articledetail',
    name: ArticleDetailIndex.name,
    component: ArticleDetailIndex,
    meta: {
      title: '文章管理',
    },
  },
  ]
})

方法一：

传参： params

this.$router.push({
        name: `ArticleIndex`,
        params: {
          page: '1', code: '8989'
        }
      })

取值： this.route.params

this.code = this.$route.params.code

方法二：

传参：query 

this.$router.push({
        name: `ArticleIndex`,
        query: {
          page: '1', code: '8989'
        }
      })

取值： this.$route.query

this.code = this.$route.query.code