Bootstrap

Vue记住刷新前复选框的选中状态

在需要记住的checkbox 的vue文件中

<template>
  <div>
      <input type="checkbox" :checked="a" @click="change">
  </div>
</template>

<script>
export default {


  data() {
    return {
      a:""
    };
  },
  created () {
      this.a= this.$store.state.a
      console.log(this.a)
  },
  mounted() {
    
  },
  methods: {
    change(){
      this.$store.commit('change',!this.a)
    }
  },
};
</script>

<style  scoped>

</style>

在store 下的 index.js中设置 vueX保存

import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate' // 数据值持久化

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    a:true
  },
  mutations: {
    change(state,a){
      state.a = a
    }
  },
  actions: {
  },
  modules: {
  },
  plugins: [createPersistedState()]  //数据持久化
})

;