vue多页面如何进行页面缓存啊?

Question

单页面应用一般是对router-view进行是否缓存的处理,但是多页面的情况下,怎么实现跳转页面再返回上个页面的时候不刷新页面,保持之前的状态?

Answer 1

可以使用 keep-alive

// html代码
<keep-alive :include="cacheList">
                <router-view/>
              </keep-alive>

cacheList 是一个数组 保存值就每个页面的name

比如 ['main', 'home', 'index']
详细的可以查看api 这里

Answer 2

多页面如果你是从a.html/#xxx 到b.html/#xx 再调回来a页面肯定不能缓存了。 要不你就打开b的时候window.open