监听localStorage数据的变化,localStorage存取数组

存对象

   const machineList = {
        machineNumber: selectedOptions[1].machine,
        machineId: selectedOptions[1].id 
      }
window.localStorage.setItem('machineList', JSON.stringify(machineList))

取对象

 const machineList = JSON.parse(window.localStorage.getItem('machineList'))
 state.machineId = machineList.machineId

监听localStorage数据的变化

updateLocalStorage.js文件

function dispatchEventStroage() {
  const signSetItem = localStorage.setItem
  localStorage.setItem = function (key, val) {
    let setEvent = new Event('machineList')
    setEvent.key = key
    setEvent.newValue = val
    window.dispatchEvent(setEvent)
    signSetItem.apply(this, arguments)
  }
}
export default dispatchEventStroage

main.js引入

import updateLocalStorage from './utils/updateLocalStorage'
app.use(updateLocalStorage)

监听代码

  window.addEventListener('machineList', function (e) {
   要进行处理的事件
    })

猜你喜欢

转载自blog.csdn.net/weixin_43400431/article/details/126749551