页面刷新的时候vuex里的store对象里的state变量丢失简单处理思路

1.页面刷新的时候，按照vue的生命周期，会调用mounted函数。2.如果在mounted里面再次给vuex的变量赋值，也就是再次commit，那就不会出现刷新的时候数据丢失。如上述：具体做法是先用localstorage存起来，在mounted时调用commit方法并把mutation名及参数（值）实现把localstorage里面的值赋值给vuex变量即可

huang100qi

5317人浏览 · 2017-12-13 19:22:14

huang100qi · 2017-12-13 19:22:14 发布

1.页面刷新的时候，按照vue的生命周期，会调用mounted函数。

2.如果在mounted里面再次给vuex的变量赋值，也就是再次commit，那就不会出现刷新的时候数据丢失。

如上述：具体做法是先用localstorage存起来，在mounted时调用commit方法并把mutation名及参数（值）实现

把localstorage里面的值赋值给vuex变量即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^