页面锁屏功能探讨🙏 about vue3-antdv-admin HOT 1 CLOSED

import { watch } from 'vue'
import { useStorage } from '@vueuse/core'
import { cloneDeep, isEqual }

// 锁屏前的值
let afterLockValue

const state = useStorage('my-store', { hello: 'hi', greeting: 'Hello' })

watch(IS_LOCKSCREEN, (val, oldValue) => {
 // 保存刚锁屏时的状态
 if (val) {
  afterLockValue = deepClone(state.value)
 }
})

watch(state, (val) => {
 // 如果当前处于锁屏状态，则对localstorage的任何修改重置回锁屏时的状态
 if (IS_LOCKSCREEN && !isEqual(val, beforLockValue)) {
  state.value = afterLockValue
 }
})