vue 如何监听localStorage内的数据变化

vue 如何监听localStorage内的数据变化，这个问题百度了好久，都没有特别好的例子。解决方式：我们在往localStorage 内设置值的时候，同时也往store内设置一个，这样我们监听store内的值变化就可以实现了实时监听。watch：{'$store.getters.lang': function(newlang){// 业务代码}}vue 如何使用Store.js呢：它是Vuex

小何开发

4616人浏览 · 2022-01-11 17:41:58

小何开发 · 2022-01-11 17:41:58 发布

vue 如何监听localStorage内的数据变化，这个问题百度了好久，都没有特别好的例子。
解决方式：我们在往localStorage 内设置值的时候，同时也往store内设置一个，这样我们监听store内的值变化就可以实现了实时监听。

watch：{
	'$store.getters.lang': function(newlang){
		// 业务代码
	}
}

vue 如何使用Store.js呢：它是Vuex内的，我还没有深入研究它，
https://vuex.vuejs.org/zh/guide/#%E6%9C%80%E7%AE%80%E5%8D%95%E7%9A%84-store

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}$/, //不连续的两位字母// /^