Skip to page content

尺寸监听器(用于元素)

QResizeObserver 是一个 Quasar 组件,当包装的 DOM 元素/组件(定义为 QResizeObserver 的直接父元素)改变其尺寸(宽度和/或高度)时,它会发出 resize 事件。上报的尺寸是元素的外部尺寸(包含 padding 和 border),因此包装元素自身的 padding 变化也会被上报。请注意,这不会涉及轮询,但过度使用也会带来性能开销。

如果你更希望在 setup 代码中把尺寸作为响应式状态获取,或者想观察一个并非直接父级的元素,请使用本组件底层所基于的 useElementSize composable。v-resize 指令则是模板侧的替代方案,无需额外的节点。

用法

请注意,QResizeObserver 在渲染并附加到 DOM 后会立即发出一个事件,这样您就可以获取容器的初始尺寸。

无障碍访问
v2.25+

QResizeObserver 不渲染任何内容,因此没有无障碍表面。