vue路由传参方式及解决传参刷新页面参数丢失问题

1、当使用params传参时，刷新页面会导致参数丢失：

 onRouter() {
        this.$router.push({ name: 'Index', params: { mm: '0000' } })
      },

接受页面：

 mounted(){
      console.log(this.$route.params.mm)
    },

此种传参方式参数不会在url中显示，但当刷新页面时获取不到参数；

解决方案一：配置路由：

{
    path: '/index/:mm',
    name: 'Index',
    component: Index,
    beforeEnter: (to, from, next) => {  
       next()
    } 
  },

注：路由配置和参数名称需保持一致

解决方案二：使用query传参页面刷新数据不会丢失

 onRouter() {
        this.$router.push({ name: 'Index', query: { mm: '0000' } })
      },