FE_IASF_client/src/App.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import Setting from '@/setting';
import util from '@/libs/util';
export default {
  name: 'App',
  created() {
    //在页面加载时读取localStorage里的状态信息
    if (util.local.get(Setting.storeKey)) {
      this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)));
    }

    //在页面刷新时将vuex里的信息保存到localStorage里
    window.addEventListener('beforeunload', () => {
      util.local.set(Setting.storeKey, this.$store.state);
    });
    // 判断当前处于什么终端 true为PC端，false为手机端
    function IsPCModel() {
      var userAgentInfo = navigator.userAgent;
      var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
      var flagPc = true;
      for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
          flagPc = false;
          break;
        }
      }
      return flagPc;
    }
    var flagZt = IsPCModel();
    this.$store.commit('updateModelType', flagZt)
    window.onresize = () => {
      if(document.body.clientWidth <= 1200) {
        this.$store.commit('updateModelType', false)
      }else {
        this.$store.commit('updateModelType', true)
      }
    }
  }
};
</script>