Vuido
Search…
Window
The root of the Vue.js application must be a Window component which represents a single window.
The window must contain exactly one child widget, typically a container.

Attributes

title

type: String
The title of the window.

width

type: Number
The width of the window content.

height

type: Number
The height of the window content.

margined

type: Boolean
Whether the window adds a margin around its content.
type: Boolean
Whether the window has a menu.

fullscreen

type: Boolean
Whether the window is displayed in full screen mode.

borderless

type: Boolean
Whether the window is displayed without the border and title bar.

Events

close

Called when the close button is clicked. To exit the application, call this.$exit(). To close the window without exiting the application, call this.$root.$destroy().

show

Called when the window is about to be shown. Unlike the mounted() life-cycle hook, at this point all widgets are already initialized.

resize

Called when the size of the window is changed. The current size is passed as an argument. It's an object containing w and h properties representing the width and height.

Properties

window

type: libui.UiWindow
This property of the Window component returns the associated libui.UiWindow object.

Example

1
<Window title="Vuido Example" width="400" height="100" margined v-on:close="exit">
2
<Box padded>
3
...
4
</Box>
5
</Window>
Copied!
Last modified 3yr ago