专栏名称: JavaScript
面向JavaScript爱好人员提供:前端最新资讯、原创内容、JavaScript、HTML5、Ajax、jQuery、Node.js等一系列教程和经验分享。
目录
相关文章推荐
51好读  ›  专栏  ›  JavaScript

Vue 实现前进刷新,后退不刷新的效果

JavaScript  · 公众号  · Javascript  · 2019-06-13 08:36

正文

请到「今天看啥」查看全文


- alive 添加列表页的名字,缓存列表页。
然后在列表页的 created 函数里添加 ajax请求,这样只有第一次进入到列表页的时候才会请求数据,当从列表页跳到详情页,再从详情页回来的时候,列表页就不会刷新。
这样就可以解决问题了。

需求二:

在需求一的基础上,再加一个要求:可以在详情页中删除对应的列表项,这时返回到列表页时需要刷新重新获取数据。
我们可以在路由配置文件上对 detail . vue 增加一个 meta 属性。

  1. {

  2. path: '/detail',

  3. name: 'detail',

  4. component: () => import('../view/detail.vue'),

  5. meta







请到「今天看啥」查看全文