精华内容
下载资源
问答
  • 本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • vue-router路由参数刷新消失的问题

    万次阅读 2018-04-11 12:05:59
    vue-router路由参数刷新消失的问题 页面使用vue-router在跳转时发的参数有用来给下一个页面请求数据用的。在进入页面后再次刷新参数消失了,解决方案如下: 1、如果要用 params 传参的话,可能需要在你的路由...

    vue-router路由参数刷新消失的问题

    页面使用vue-router在跳转时发的参数有用来给下一个页面请求数据用的。在进入页面后再次刷新,参数就消失了,解决方案如下:
    这里写图片描述

    1、如果要用 params 传参的话,可能需要在你的路由路径里也加上这个参数,比如你用

    this.$router.push({name:'articleDetail, params:{articleId: articleId}});

    跳转,那么在路由里就要这样写

    routes: [
        {
          path: '/articleDetail/:articleId',
          name: 'articleDetail'
        }
      ]

    path: '/articleDetail/:articleId',里的 :articleId 是必须要有的,具体的可以参考 Vue-router 命名路由

    2、你在用 vue-router 跳转的时候可以把参数写进 query 里this.$router.push({name:’articleDetail, query:{articleId: articleId}});

    this.$router.push({name: 'addGoodsList', query: {title: '添加商品'}})

    这样你的 url 就会像 http://xxx.xxx.xxx/articleDetail?articleId=123,这样无论你怎么刷新 articleId 都不会丢失

    然后在你的 init 方法里 可以用 this.articleId = this.$route.query.articleId; 来获取id

    this.title2 = this.$route.query.title;
    展开全文
  • 主要介绍了vue路由传参页面刷新参数丢失问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • vue路由传参的三种方式以及解决vue路由传参页面刷新参数丢失问题

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

    参考文章:

    (1)vue路由传参的三种方式以及解决vue路由传参页面刷新参数丢失问题

    (2)https://www.cnblogs.com/dengyao-blogs/p/11399676.html


    备忘一下。


    展开全文
  • vue 路由跳转,参数消失问题 1. 参数传递页面:这种方式页面刷新参数丢失。 // 点击跳转详情页面 toDetail(){ this.$router.push({ name:"newsDetail", params:{content:item}//传递过去的参数 }) } 页面取...

    vue 路由跳转,参数消失问题

    1. 参数传递页面:这种方式页面刷新参数丢失。

    // 点击跳转详情页面

       toDetail(){
            this.$router.push({
                name:"newsDetail",
                params:{content:item}//传递过去的参数
            })
        }
    

    页面取参数 :this.$route.params.comtent

    2. 刷新参数不会丢失

    this.$router.push({
          path: "/newsDetail",
          query: {
            content: JSON.stringify(item),
          },
        });
    

    页面取参数 :this.$route.query.comtent // 此处使用时应用JSON.parse转换参数

    3. 参数不会丢失

    路由配置

      {
          path: "workDetail/:id",
          name: "WorkDetail",
          component: () => import("@/page/workDetail")
     }
    

    页面跳转事件

      getDetail(id) {
          this.$router.push("/workDetail/" + id);
        },
    
    

    取参: this.$route.params.id

    展开全文
  • vue路由传递参数刷新丢失

    千次阅读 2019-01-09 15:13:53
    vue路由传递参数如果用params传递参数,那么页面刷新就会丢失数据,可以改用query来传递参数,这样刷新就不会丢失 this.$router.push({ name: "MyTable", query: {arg: 'arg'}}); 如果传递的是对象,...

    vue路由传递参数如果用params传递参数,那么页面刷新就会丢失数据,可以改用query来传递参数,这样刷新就不会丢失

     this.$router.push({ name: "MyTable", query: {arg: 'arg'}});

    如果传递的是对象,注意要把对象转为字符串,否则刷新就会变为undefined了

    展开全文
  • this.$router.push({path:"/demo",query:{id:1}}); console.log(this.$route.query);刷新路由展示参数,刷新不丢失pqq this.$router.push({name:"demo",params:{id:1}});...刷新传递参数消失npp
  • 在师弟页面进行页面刷新之后,就会发现,没有数据了,原因排查发现,页面刷新后,路由传参过来的id没有了。进而导致请求不到数据,进行一些数据操作请求发送不出去。 问题解决: 将路由传参获取到的数据,存储到本地...
  • 参考:https://blog.csdn.net/qq_43103581/article/details/82260073(vue 路由传递参数刷新页面后参数丢失) 项目功能需要,要从列表页跳转到第三方提供的URL上(这里第三方页面我是通过iframe引入在详情页,...
  • 问题:正常情况下 通过router传参,传递对象或者数组时,F5刷新页面,参数会变成[object object]的格式,导致数据失效 解决方法 1.在路由跳转前,参数使用JSON.stringify 转化成字符串对象 const param = JSON...
  • Vue中this.$router.push路由跳转,刷新参数消失 this.$router.push({name:"",params:{id:""}}) name和params搭配刷新参数会消失 this.$router.push({path:"",query:{id:""}}) path和query搭配,刷新页面参数不会消失...
  • 使用vue-router路由跳转并传一个对象,刷新之后会发现数据变成[Object,Object],对于想要跳转之后获取传过来的对象利用平时的方法显然是可取的。前段时间遇见这个小问题,上网搜索发现回答问题的大多偏离题意。遂开笔...
  • 1、解决方法一 query 传参你在用 vue-router 跳转的时候可以把参数写进 query 里this.$router.push({name:'articleDetail, query:{articleId: articleId}});这样你的 url 就会像 ...
  • 路由传参的时候出现刷新参数丢失问题,具体解决如下: 在进行路由配置的时候使用如下设置进行的配置,用的params方法进行参数传递。 { path: 'data-detail-edit/:type', component: () => import('@/views/...
  • 最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:方法一:params传参:this.$router.push({ name:...
  • 最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:方法一:params传参:this.$router.push({ name:...
  • vue传参大致分为路由传参(?拼接传参)和动态路由传参 一、动态路由传参 定义路由 const routes = [ { path: '/first', name:'first', component:()=>import( '../components/first.vue' ) // ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,367
精华内容 546
关键字:

vue路由刷新参数消失

vue 订阅