方法:可以重写localStorage的setItem方法,当调用setItem方法设置新值的时候,会new
Event(‘setItemEvent’) 用window.dispatchEvent()这个方法来派发一个事件,让window去监听
以下demo实现的是 一个页面获取诗句 然后将获取的数据用localStorage存储起来 另一个页面进行监听 一旦数据发生改变 则控制台打印 ‘值改变了’ 并将新值打印出来
实现步骤:
1.先在src下新建utils文件夹,新建tools.js,写一个dispatchEvent派发事件 如:utils/tools.js
代码如下:
function dispatchEventStroage () {
const signSetItem = localStorage.setItem
localStorage.setItem = function (key, val) {
let setEvent =