watch监听页面变化动态设置元素的高度

最新推荐文章于 2023-06-19 15:03:16 发布

柠檬不喝柠檬茶

最新推荐文章于 2023-06-19 15:03:16 发布

阅读量3k

点赞数

分类专栏： vue问题解决

本文链接：https://blog.csdn.net/weixin_39897287/article/details/101074481

版权

vue问题解决专栏收录该内容

12 篇文章 0 订阅

订阅专栏

temple中：

 <iframe width="100%" :height="fullHeight" :src="pdfSRC" id="pdf"></iframe>

data()中：

 fullHeight: document.documentElement.clientHeight ,
  timer: true

watch中：

 watch: {
    fullHeight(val) {
      if (!this.timer) {//防止多次触发监听页面卡顿
        this.fullHeight = val;
        this.timer = true;
        let that = this;
        setTimeout(function() {
          that.timer = false;
        }, 400);
      }
    }
  },

mounted中：

window.onresize = () => {
      return (() => {
        window.fullHeight = document.documentElement.clientHeight;
        this.fullHeight = window.fullHeight ;
      })();
    };