vue实时监听获取屏幕尺寸大小

1613 ℃

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实时监听浏览器大小变化重新渲染百度echarts

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

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

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

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

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

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
ThinkPHP如何做页面404异常
js根据当前样式判断是否允许新增选中样式(或执行方法)
从数据获取相同数据生成多维数组等数组相关j
PHP开发中如何使用正确的命名规范(类、方法和变量)
Mac电脑关于brew一些常用命令