欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue窗口變化onresize詳解

 更新時間：2024年08月10日 17:12:13   作者：xx_小熊  
這篇文章主要介紹了vue窗口變化onresize,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

vue窗口變化onresize

div大小隨著窗口變化而變化

  • 效果：

來看代碼

<template>
  <div>
    <div class="mask">
      <div class="center" :style="{width:centerWidth*0.2+'px',height:centerHeight*0.5+'px'}">
        <p>width:{{centerWidth}}</p>
        <p>height:{{centerHeight}}</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      centerWidth: document.documentElement.clientWidth,
      centerHeight: document.documentElement.clientHeight
    };
  },
  mounted() {
    window.onresize = () => {
      this.centerWidth = document.documentElement.clientWidth;
      this.centerHeight = document.documentElement.clientHeight;
    };
  }
};
</script>

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論