最新消息: 新版網站上線了?。?!
  • vue 關閉瀏覽器窗口的時候,清空localStorage的數據示例

    如果是用vue做的單頁面程序的時候,將監聽的方法放在App.vue是最靈活的

    <template>
      <div id="main" class="app-main">
        <router-view></router-view>
      </div>
    </template>
     
    <script>
      export default {
        data () {
          return {
            theme: this.$store.state.app.themeColor
          };
        },
        mounted () {
     
        },
        beforeDestroy () {
     
        },
        methods: {
     
        },
        mounted(){
          // 關閉瀏覽器窗口的時候清空瀏覽器緩存在localStorage的數據
          window.onbeforeunload = function (e) {
            var storage = window.localStorage;
            storage.clear()
          }
        }
     
     
      };
    </script>
     
    <style>
    html,body{
      width: 100%;
      height: 100%;
      background: #f0f0f0;
      overflow: hidden;
    }
    .app-main{
      width: 100%;
      height: 100%;
    }
    </style>

    二、如果是多頁面的程序的話,在每一個頁面同理只要在mounted方法中,注冊這個事件即可!

    以上這篇vue 關閉瀏覽器窗口的時候,清空localStorage的數據示例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持谷谷點程序。

    .....

    轉載請注明:谷谷點程序 » vue 關閉瀏覽器窗口的時候,清空localStorage的數據示例

    平度胜利路按摩在什么地方多,平度做大活的足疗,平度职教中心女孩微信,平度找曼地方