页面刷新,vuex重置问题
在使用vuex时,当页面刷新后,所存储的数据绘清空,为解决这一问题,这里使用vuex-persist。
先进行安装
npm install --save vuex-persistr
然后在自己的vux中引入
import VuexPersistence from "vuex-persist";
进行配置并使用
const vuexLocal = new VuexPersistence({//将vuex数据存入localStorage中
storage: window.localStorage,
});
export default new Vuex.Store({
state: {
count:20
},
modules: {
mservice,
},
plugins: [vuexLocal.plugin],//进行配置
});
这样当页面刷新的时候,数据将不会丢失

浙公网安备 33010602011771号