如何确定Vue.js + Vuetify组件大小

Question

在带有vuetify SPA的vue.js中，我想确定Webassembly应用程序可以占用的最大大小。我需要为wasm应用提供确切的宽度和高度坐标，我想将其嵌入在v工具栏和v页脚之间。

我可以得到整个窗口的大小并减去一个硬编码的值（补偿工具栏和页脚），但是最优雅的解决方案是确定组件可用的最大大小。

1. 有没有办法做到这一点？
2. 如果更改尺寸，是否有框架会触发事件？

Answer 1

Vue不一定会触发某个事件，但是ResizeObserver浏览器API可能对您有用。 （Here's比文档更好的解释。）您可以对其进行设置，以观察WASM应用程序包含元素的大小调整。