路由跳转用params传参,刷新参数丢失的问题

Posted jennyishere

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了路由跳转用params传参,刷新参数丢失的问题相关的知识,希望对你有一定的参考价值。

首先 定义路由,添加参数

{

name: ‘preview‘,
                path: ‘preview/:id‘,  //参数
                component: () =>
                  import(
                    ‘@/--------‘
                  )
}           

传参时使用name和params

    this.$router.push({
      name: ‘preview‘,
      params: {
         id
      }
    });

然后用 this.$route.params 取参数 继续做处理就行了

以上是关于路由跳转用params传参,刷新参数丢失的问题的主要内容,如果未能解决你的问题,请参考以下文章

vue路由传参vue自带方法路由传参方式页面跳转带id过去刷新页面数据不丢失隐藏URL后的参数 详细教程

Vue之路由的query传参加密

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

Vue---传参params 、query刷新页面参数会丢失

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

路由传参