监听屏幕大小函数封装

//  屏幕大小改变触发
export function useWindowResize() {
  const width = ref(0);
  const height = ref(0);

  function onResize() {
    width.value = window.innerWidth;
    height.value = window.innerHeight;
  }

  onMounted(() => {
    window.addEventListener("resize", onResize);
    onResize();
  });

  onUnmounted(() => {
    window.removeEventListener("resize", onResize);
  });

  return {
    width,
    height
  };
};

使用

import { useWindowResize, replaceTag } from "../common/js/useWindowResize";
const { width, height } = useWindowResize();
//监听
watch(height, (val) => {
  if (val < 800) {
    phoneViewBL.value = "75";
  } else {
    phoneViewBL.value = "100";
  }
});