窗口大小侦听器(Window Resize Observable)

QWindowResizeObservable是一个Quasar组件，只要文档视区（窗口）改变其大小而不涉及轮询就会触发resize事件。

安装

编辑 /quasar.conf.js:

framework: {
  components: [
    'QWindowResizeObservable'
  ]
}

基本用法

<template>
  ...
    <!--可以放置在您的模板中的任何位置 -->
    <q-window-resize-observable @resize="onResize" />
  ...
</template>

<script>
export default {
  ...,
  methods: {
    ...,
    onResize (size) {
      console.log(size)
      // {
      //   width: 1200 // 视区宽度（像素）
      //   height: 920 // 视区高度（高度）
      // }
    }
  }
}
</script>

请注意，QWindowResizeObservable将在被渲染并附加到DOM时立即触发事件，因此您可以获得窗口的初始大小。

元素大小侦听器 按钮