Installation
Run following command in console to install the component:
wiz install @edetailer/wiz-button
Link
import wizButton from 'wiz-button';
Add this link to presentation globally:
Vue.component('wiz-button', wizButton);createApp(Vue, {
...
components: {
...
wizButton
}
});Add this link directly to slide:
export default {
components: {
wizButton
}
...Use:
<wiz-button></wiz-button>
Parameters
Property | Type | Default | Description |
text | String | "Text" | Text |
goToOptions | Object | {} | Slide object for navigator |
Methods
Wiz-button emits next methods:
• click
Examples
Basic usage
Markup:
You can also use Vue event modifiers for handling click
<wiz-button @click.prevent="handlerMethod"></wiz-button>
Slide script:
export default {
data() {
navigationItem: {
slide: 'slideName',
chapter: 'chapterName',
}
}
methods: {
handlerMethod() {
// handle button click
}
}
}Using slots
Markup: