<template>
<div class="layout" id="layout" ref="layout" :style="`width:${width}px;height:${height}px`">
</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
@Component({
components: {}
})
export default class Layout extends Vue {
height = 0
width = 0
mounted() {
this.$nextTick(() => {
this.width = window.innerWidth
this.height = window.innerHeight
})
window.onresize = () => {
return (() => {
this.width = window.innerWidth
this.height = window.innerHeight
})()
}
}
}
</script>
<style lang="scss" scoped>
.layout {
background: darkcyan;
}
</style>
獲取當前瀏覽器大小并設置布局
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來篙程，“玉大人枷畏，你說我怎么就攤上這事》课纾” “怎么了矿辽？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長郭厌。 經(jīng)常有香客問我袋倔，道長，這世上最難降的妖魔是什么折柠？ 我笑而不...
- 正文 為了忘掉前任宾娜，我火速辦了婚禮，結果婚禮上扇售，老公的妹妹穿的比我還像新娘前塔。我一直安慰自己，他們只是感情好承冰，可當我...
- 文/花漫 我一把揭開白布华弓。 她就那樣靜靜地躺著，像睡著了一般困乒。 火紅的嫁衣襯著肌膚如雪寂屏。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼昌粤，長吁一口氣：“原來是場噩夢啊……” “哼既绕！你這毒婦竟也來了？” 一聲冷哼從身側響起婚苹，我...
- 正文 年R本政府宣布，位于F島的核電站管怠，受9級特大地震影響淆衷，放射性物質發(fā)生泄漏。R本人自食惡果不足惜渤弛，卻給世界環(huán)境...
- 文/蒙蒙 一祝拯、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧她肯，春花似錦佳头、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至籽前，卻和暖如春凄鼻，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背聚假。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 網(wǎng)頁可見區(qū)域寬：document.body.clientWidth網(wǎng)頁可見區(qū)域高：document.body.cl...
- 網(wǎng)頁可見區(qū)域寬：document.body.clientWidth 網(wǎng)頁可見區(qū)域高：document.body.c...
- // 獲取窗口寬度 if (window.innerWidth)winWidth = window.innerWi...
