1. Installieren Sie vue-tasty-burgers
yarn add vue-tasty-burgers
2.main.js-Konfiguration
import * as TastyBurgerButton from 'vue-tasty-burgers';
Vue.use(TastyBurgerButton);
3. Seitennutzung
<template>
<tasty-burger-button
:type="buttonType"
:active="isActive"
:size="size"
:color="color"
:active-color="activeColor"
v-on:toggle="onToggle" />
</template>
<script>
export default {
data () {
return {
buttonType: 'elastic',
isActive: false,
size: 'xl',
color: 'green',
activeColor: 'orange'
}
},
methods: {
onToggle (active) {
// Toggle menu
}
}
}
</script>
4. Verwandte Attribute und Methoden
5. Offizielle Website-Adresse
https://imfaber.github.io/vue-tasty-burgers/dist/#/index