Vue 实时过去 页面宽高

mounted() {
    let that = this;
    // <!--把window.onresize事件挂在到mounted函数上-->
    window.onresize = () => {
      return (() => {
        window.fullHeight = document.documentElement.clientHeight;
        window.fullWidth = document.documentElement.clientWidth;
        that.windowHeight = window.fullHeight; //
        that.windowWidth = window.fullWidth; //
      })();
    };
  },
watch: {
      windowHeight (val) {
        let that = this;
        // console.log("实时屏幕高度:",val, that.windowHeight );
      },
      windowWidth (val) {
        let that = this;
        // console.log("实时屏幕宽度:",val, that.windowHeight );
      }
    },
data() {
    return {
      circleUrl:
        "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
      size: "small",
      isCollapse: false,
      windowWidth: document.documentElement.clientWidth, //实时屏幕宽度
      windowHeight: document.documentElement.clientHeight //实时屏幕高度
    };
  },

 

posted @ 2020-04-18 17:55  风一样的猿  阅读(410)  评论(0编辑  收藏  举报