Как определить размер компонента Vue.js + Vuetify
В vue.js с vuetify SPA я хотел бы определить максимальный размер, который может занимать мое приложение webassembly. Мне нужно указать точные координаты ширины и высоты для приложения wasm, и я хотел бы встроить его между v-панелью инструментов и v-нижним колонтитулом.
Я мог бы получить общий размер окна и вычесть жестко закодированное значение (компенсирующее панель инструментов и нижний колонтитул), но самым элегантным решением было бы определить максимальный размер, доступный для компонента.
- Есть ли способ сделать это?
- Есть ли событие, которое будет запущено фреймворком, если размеры изменятся?
Ответы 1
Не существует события, которое обязательно будет запущено Vue, но API браузера ResizeObserver может быть вам полезен. (Вот — лучшее объяснение, чем документация.) Вы можете настроить его для отслеживания изменения размера содержащего элемента вашего приложения WASM.