Vue component that encapsulates the wijmo.input.AutoComplete control.
Vue component that encapsulates the wijmo.input.Calendar control.
Vue component that encapsulates the wijmo.input.CollectionViewNavigator control.
Vue component that encapsulates the wijmo.input.ColorPicker control.
Vue component that encapsulates the wijmo.input.ComboBox control.
Vue directive to define context menus for elements. TBD: description goes here...
Vue component that encapsulates the wijmo.input.InputColor control.
Vue component that encapsulates the wijmo.input.InputDate control.
Vue component that encapsulates the wijmo.input.InputDateRange control.
Vue component that encapsulates the wijmo.input.InputDateTime control.
Vue component that encapsulates the wijmo.input.InputMask control.
Vue component that encapsulates the wijmo.input.InputNumber control.
Vue component that encapsulates the wijmo.input.InputTime control.
Vue component to define item templates for item controls like ListBox, ComboBox, MultiSelect and Menu.
Vue component that encapsulates the wijmo.input.ListBox control.
Vue component that encapsulates the wijmo.input.Menu control.
Vue component for wijmo.vue2.input.WjMenu items.
Vue component for wijmo.vue2.input.WjMenu item separators.
Vue component that encapsulates the wijmo.input.MultiAutoComplete control.
Vue component that encapsulates the wijmo.input.MultiSelect control.
Vue component that encapsulates the wijmo.input.MultiSelectListBox control.
Vue component that encapsulates the wijmo.input.Popup control.
Wijmo interop module for Vue 2.
This module provides Vue 2 components that encapsulate Wijmo controls.
To use it, your application must include references to the Vue 2 framework (RC6 or later), as well as the regular Wijmo CSS and js files.
To add Wijmo controls to Vue pages, include the appropriate tags in your HTML files. For example, the code below adds an InputNumber control to a Vue page:
<wj-input-number format="c2" placeholder="Sales" :value="sales" :value-changed="salesChanged" :min="0" :max="10000" :step="100" :is-required="false"> </wj-input-number>
// Wijmo event handler // update "sales" value to match the InputNumber value function salesChanged(sender, eventArgs) { this.sales = sender.value; }
The example illustrates the following important points:
:min="0"
).:value-changed="salesChanged"
).All Wijmo Vue components include an "initialized" event that is raised after the control has been added to the page and initialized. You can use this event to perform additional initialization in addition to setting properties in markup. For example: