Vue监听页面放大缩小事件

Vue监听页面放大缩小事件  ,使用window.addEventListener,methods中方法

复制代码
 ChangeWin(){
      let ratio = this.getRatio();
      let Pwidth = window.screen.width*this.getRatio()/100;
      let PHeight = window.screen.height*this.getRatio()/100;
       //1920 *1080
      if (ratio == 100) {
        if (Pwidth == '1920' && PHeight == '1080') {
          this.$el.style.setProperty('--mg_top1', '3.5vh')
        }
      }
    }
复制代码

使用:

mounted() {
    window.addEventListener('resize', this.ChangeWin);
  },

 

posted @   幽冥狂_七  阅读(155)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示