//设置本地存储
localStorage.setItem('myData','123456');
// 监听localStorage
window.addEventListener('storage', (event) => {
if (event.key === 'myData') {
this.myData = JSON.parse(event.newValue)
}
})
// 在 Vue 组件中,可以使用 $nextTick 方法来确保 Vue 实例已经渲染完成之后再进行监听
this.$nextTick(() => {
// 监听 Vue 实例中的数据属性变化
this.$watch('myData', (newValue) => {
// 处理数据变化时的逻辑
})
})
vue监听localstorage的变化
于 2023-06-08 10:38:53 首次发布