Vue页面跳转传参

首发于我的博客(www.zhengxiyun.top)

1、新开窗口

{% codeblock [lang:javascript] %}

let routeData = this.$router.resolve({

                    path: "/test/aaaaa",

                    query: {'param1':'','param2':''}

                })

                window.open(routeData.href, '_blank') 

{% endcodeblock %} 

 

2、当前窗口

{% codeblock [lang:javascript] %}

        this.$router.push({

          path: '/collect_setting/collect',

          name: 'warning',

          params: {

            name: '测试传参一',

            dataObj: '测试传参二'

          }

          // query: {

          //   name: '',

          //   dataObj: ''

          // }

          // 接收参数 var routerParams = this.$route.params.dataObj

        })

{% endcodeblock %}

3、接受参数

 

{% codeblock [lang:javascript] %}

this.$route.params

this.$route.query

{% endcodeblock %}

 

query和params区别：

 

query类似于ajax中get传参，params则类似于post