vue实时监听获取屏幕尺寸大小 - web建站教程手机端

vue如何实时监听当前浏览器分辨率大小，根据不同分辨率执行不同操作，下面web建站小编给大家简单介绍一下具体实现代码！

具体代码如下：

data(){
  return{
    screenWidth: null, 
  }
},
mounted() {
  this.screenWidth = document.body.clientWidth
 
  window.onresize = () => {
    return (() => {
    this.screenWidth = document.body.clientWidth
    })()
  }
},
watch: {
  screenWidth: {
    handler: function (val) {
    if (val < 1024) {
      console.log(val + '屏幕宽度不能小于1024')
    } else {
      console.log(val + '屏幕宽度属于正常状态')
    }
    }
  },
}

vue监听当前页面是否处于操作状态，待机无操作状态返回指定页面

vue实时监听浏览器大小变化重新渲染百度echarts

vue实时监听获取浏览器窗口大小变化

标签： vue监听, vue获取屏幕大小

上面是“vue实时监听获取屏幕尺寸大小”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3802.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！