700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue.js 获取当前屏幕的宽度_Vue如何动态获取浏览器的高度 宽度并实时修改DOM元素宽高度...

vue.js 获取当前屏幕的宽度_Vue如何动态获取浏览器的高度 宽度并实时修改DOM元素宽高度...

时间:2019-04-14 11:13:04

相关推荐

vue.js 获取当前屏幕的宽度_Vue如何动态获取浏览器的高度 宽度并实时修改DOM元素宽高度...

vue如何动态获取浏览器的高度和宽度,对于某些小伙伴来说间直接是简单到不能再简单了,为什么要整理这篇文章呢,源于最近项目中有高度、宽度自适应需求,需要适应不同分辨率的高度及宽度,在不同分辨率下效果区别不会很大,而我正好带着一位实习生小伙伴,所以把这需求给他让他练练手,结果可想而知了,所以整理这篇文章也是为了给后面的小伙伴提供参考而已,好了废话不多说,直接上源码。

HTML代码:

javascript代码:

export default {

name: App,

data () {

return {

contentStyleObj:{

height:\,

width:\

},

}

},

components:{

},

methods:{

getHeight(){

// 获取浏览器高度,减去顶部导航栏的值,70该值也可以动态获取

this.contentStyleObj.height=window.innerHeight-70+px;

this.contentStyleObj.width=window.innerWidth-250+px;

}

},

created(){

window.addEventListener( esiz

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。