美文网首页
vue跳转页面传值 地址栏显示传值或者不显示地址栏传值

vue跳转页面传值 地址栏显示传值或者不显示地址栏传值

作者: 小睿同学 | 来源:发表于2019-10-12 14:35 被阅读0次

参考文章:https://blog.csdn.net/weixin_43836052/article/details/95166345
1.params 传参 : 相当于post请求,页面跳转时参数不会在地址栏中显示

this.$router.push({
               name:' ',
               params: { id:idParams }
        })

接收参数:

this.$route.params.id

2.query 传参 : 相当于get请求,页面跳转时参数会在地址栏中显示

this.$router.push({
               name:' ',
               query: { id:idParams }
        })

接收参数:

this.$route.query.id

注意:

name为在router下index.js里定义的,如:
{
      path: '/',
      name: 'sidebar',
      component: sidebar
    },

传递参数用router,接收参数用route

相关文章

  • vue跳转页面传值 地址栏显示传值或者不显示地址栏传值

    参考文章:https://blog.csdn.net/weixin_43836052/article/detail...

  • 页面间传值的五种方法

    一、QueryString传值: ** 这是最简单的传值方式,但缺点是传的值会显示在浏览器的地址栏中且不能传递对象...

  • 关于跳转get传参

    获取地址栏参数 一. 二. 多参数传值,跳转

  • vue param与query传参刷新数据消失处理

    1.params与query的区别:query传的值显示在地址栏里,无论路由那边设不设置 2.params传数据:...

  • vue逆向传值

    vue返回上个页面逆向传值传多个值

  • Vue页面间传值

    Vue传值的方式有正向传值和反向传值 正向传值:上一页面 --> 下一页面 路由传值 本地储存 eventbus ...

  • ionic关于跳转那些事

    简单介绍一下跳转页面,和页面传值 引入 页面跳转并传值 返回上一页 请求接口失败或者成功返回页面 如果需要返回是传入值

  • 2018-09-21

    组件之间的传值 1.父给子传用属性传 props:[‘属性名’] (组件传值(父子间传值) 谁在谁中显示,显示的元...

  • 使用postMessage传值遇到的问题

    在开发中我们会遇到俩个窗口传值,我一般会使用俩种传值方式,一、使用地址栏传值,然后另一个窗口取地址栏内容解...

  • ionic4-传递参数

    环境 路由传值 方式一(单个值) 路由定义 跳转 或者 接收 方式二(多个值) 跳转 接收 组件间传值 父 -> ...

网友评论

      本文标题:vue跳转页面传值 地址栏显示传值或者不显示地址栏传值

      本文链接:https://www.haomeiwen.com/subject/yqpqmctx.html