vue 监听浏览器窗口放大缩小方法

(1)

created() {
    //浏览器放大缩小事件
    this.$nextTick(() => {
      this.resizeFun();
      // this.resizeFun窗口变化执行的方法
      window.addEventListener("resize", this.resizeFun);
    });
  },

(2)

methods: {
    // 监听浏览器放大缩小的事件
    resizeFun() {
      // 窗口变化执行的操作
      var windowNum = window.devicePixelRatio;
      console.log(windowNum);
      if (windowNum > 1) {
         //这里写入执行条件
      } else {
        //这里写入执行条件
      }
    },
  },

(3)

beforeDestroy() {
    //离开页面时删除该监听
   window.removeEventListener("resize", this.resizeFun);
  },