账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue中如何实现浏览器前进后退缓存页面,点击跳转不缓存
    24
    0

    普通的返回定位、缓存页面都是要求 后退时缓存,前进时刷新,但我们的项目比较特殊,要求前进后退都缓存,但点击按钮进入某个页面要刷新数据,这个该怎么做呢,在线等大佬解答,挺急的。。。

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 顏2。baby 普通会员 1楼

      在 Vue 中,你可以使用 localStorage 或 Vuex 来实现浏览器前进后退缓存页面,点击跳转不缓存。以下是一个简单的 Vue 实例,它使用 Vuex 来存储用户的当前页面,然后在点击按钮时将用户带到不同的页面。

      首先,安装 Vuex:

      bash npm install vuex

      然后,创建一个 Vuex store 文件,例如 store.js

      ```javascript import Vue from 'vue' import Vuex from 'vuex'

      Vue.use(Vuex)

      export default new Vuex.Store({ state: { currentPage: null }, mutations: { setCurrentPage(state, page) { state.currentPage = page } }, actions: { gotoPage({ commit }, page) { commit('setCurrentPage', page) } }, getters: { getCurrentPage: state => state.currentPage } }) ```

      接下来,创建一个 Vue 组件,例如 Page.vue

      ```html

      ```

      在这个例子中,我们使用 Vuex 的 setCurrentPagegoBack mutation 来改变页面。我们还定义了一个路由,当用户点击 Go to other page 按钮时,会跳转到不同的页面。

      注意:这个例子中的路由和页面跳转都是基于 Vue Router 的,如果你使用的是其他路由库,如 Element UI,那么实现方法可能会有所不同。

    更多回答
    扫一扫访问手机版