问答

vue router的query动态参数不变

作者:admin 2021-06-12 我要评论

vue router改变地址 使用的viewui界面 MenuItem name="5-20" :to="rank_score"积分体系/MenuItem data数据如下 rank_score: {path: '/display',query: { id: Dat...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

vue router改变地址
使用的viewui界面

<MenuItem name="5-20" :to="rank_score">积分体系</MenuItem>

data数据如下

rank_score: {
path: '/display',
query: {
            id: Date.now()
        }
}

每次刷新界面后 点击第一次的时候会执行
http://localhost:8080/#/display?id=1596029691975
然后第二次就不会跳转了 id就不会改变了

###

后面拼时间戳即可;

query: {
    id: Date.now(),
    time: Date.parse(new ?Date())
}

访问地址:"http://localhost/:8080/#/display?id=1596029691975&time=1472025255555"

因为每次时间戳不一样,所以每次访问都没问题

rank_score需要写成方法,如果在data定义,数值就会没变

rank_score() {
    return {
        query: {
            id: Date.now()
        }
    }
}
###

你这个rank_score只是刷新界面的时候给他赋值了,固定了query为当前的时间轴,可是你第二次点击的时候没有重新赋值啊,还是按原来的时间轴去加载,所以第一次可以,第二次就不行了(因为第二次query并没有改变),你需要每次点击后修改下query的值,重新获取下Date.now()

###

手动跳转进这个路由的时候,query会被赋值,如果直接点击浏览器的刷新按钮,浏览器会默认使用原来的query值,不会刷新路由(这个表达不太准确,领会意思吧)。

###

点击的时候,赋值就可以了

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue router的query动态参数不变

    vue router的query动态参数不变

  • vs2017如何输入一个双引号,然后显示两

    vs2017如何输入一个双引号,然后显示两

  • element导航条router-view不更新,咋整

    element导航条router-view不更新,咋整

  • echarts markPoint在极坐标散点图中不

    echarts markPoint在极坐标散点图中不

腾讯云代理商
海外云服务器