项目问题记录

今天做项目 就是刷新页面 和跳转 再调回来的时候
让一个状态保留。
我用的是vuex + localStorage解决的 记录一下
其实没必要用vuex的 但是还是帮助我更巩固了一下用法
后面肯定还有要改进的地方

let defaultType = '1'
try {
  if (localStorage.type) {
    defaultType = localStorage.type
  }
} catch (e) {}

const state = {
  type: defaultType
}

const mutations = {
  CHANGE_TYPE(state, type) {
    state.type = type
    try {
      localStorage.type = type
    } catch (e) {}
  }
}

const actions = {
  changeType({ commit }, type) {
    commit('CHANGE_TYPE', type)
  }
}

export default {
  state,
  mutations,
  actions
}

这是vue-element-admin中vuex的用法
try catch 是因为要是 用户关闭了本地存储的功能 或者启用了隐身模式 直接用localStorage浏览器可能会抛异常