在指定页面浏览器窗口发生变化监听并刷新页面

在指定页面添加浏览器窗口的变化

要使用inject来获取app中定义的刷新页面的方法

onMounted(() => {
            window.addEventListener('resize', handleResize)
        })
const handleResize = () => {
   reload()
    // 这种方式是刷新是会出现空白页
    // location.reload()
}

在离开这个文件的时候删除事件

onBeforeRouteLeave(() => {
            window.removeEventListener('resize', handleResize)
        })

详情代码

在app执行刷新页面的方法

使用provide，inject

const isRouterActive = ref(true)
    // 刷新页面
    provide('reload', () => {
      isRouterActive.value = false
      nextTick(() => {
        isRouterActive.value = true
      })
    })