uniapp获取窗口宽度和高度

文章描述:

uniapp获取设备宽度和高度,从而做到自适应操作

H5

template

<template>
	<view class="container">
		<view>宽:{{win_W}}</view>
		<view>高:{{win_H}}</view>
	</view>
</template>

 

script

export default{
	data(){
		return{
			win_W:'',
			win_H:''
		}
	},
	mounted() {
		// 注意,这里要用个变量存this,不然进到getSystemInfo后this指向会变化,找不到data变量
		var _this = this
		uni.getSystemInfo({
			success: function (res) {
				_this.win_W = res.windowWidth
				_this.win_H = res.windowHeight
			}
		})
	},
}

 

发布时间:2022/07/28

发表评论