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.

menu

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

<Window title="Vuido Example" width="400" height="100" margined v-on:close="exit">
  <Box padded>
    ...
  </Box>
</Window>