ITPub博客

首页 > IT职业 > > vue-router同个路由不同参数怎么缓存

vue-router同个路由不同参数怎么缓存

作者:highhand 时间:2019-04-12 17:38:40 0 删除 编辑

这情况keep-alive好像不能用,虽然参数是有限的,就几个,想过给他们分配不同路由,但页面只有数据不一样,这样做好像不太合适;

大神们有没有其他插件或简单的方法;

---------------------------

如果觉得说得不清除,看看下面大概的情景;

index.vue

点击不同的 li 给 content路由传不同参数

1
2
3
4
5
6
7
8
9
10
11
<template>
    <ul>
      <li>
       <router-link to="content/a"></router-link>
      </li>
      <li>
       <router-link to="content/b"></router-link>
      </li>
    </ul>
    <router-view></router-view>
</template>

content.vue

content路由组件根据不同参数获取数据

1
2
3
4
5
6
7
8
<script>
    exprot default{
        data:{},
        mounted:function(){
            axios.get(url,data)
        }
    }
</script>

要求像使用 keep-alive 一样简单的缓存页面;


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/810/viewspace-3169507/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2015-11-11

  • 博文量
    1479
  • 访问量
    30624