在需要记住的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()] //数据持久化
})