如何使用Vue-Router在Vue中保存URL查询参数

时间:2017-02-14 12:41:04

标签: javascript parameters vue.js

我正在使用Vue-Router在Vue上做一个项目。在我的项目中,我有一个名为' adtag' ,必须在url查询参数中,是否有任何简单的方法来保存此参数,无论路由器如何运行。

例如,我有三页:

  1. 本地主机/索引
  2. 本地主机/列表
  3. 本地主机/细节?ID = 11
  4. 使用vue-router <router-link :to="{name:'Detail',query:{id:item.id}}"></router-link>

    更改页面

    如果我使用adtag打开首页localhost/index?adtag=123,则页面会随着参数&#39; adtag&#39;而变化

    1. 本地主机/索引?adtag = 123
    2. 本地主机/列表?adtag = 123
    3. 本地主机/细节adtag = 123&安培;?ID = 11

1 个答案:

答案 0 :(得分:1)

使用默认的Vue 2.x安装,路由器文件位于$language

然后我能够检查是否需要修改请求并添加任何缺少的查询参数(修改src/router/index.js var显然没有效果),然后调用&#34;重定向&#34; to

下行:路由呼叫加倍,因为它实质上是重定向

上行:它可以工作,查询保留逻辑在一个地方。

一点需要注意:在页面加载时,路由器会触发&#34;来自&#34;是一个非常空的路由(甚至排除URL中的查询参数)。因此,我设置了next( .. new rout.. )语句来验证是否需要放置查询参数。

if