22 lines
412 B
Vue
22 lines
412 B
Vue
|
<template lang="pug">
|
||
|
|
.toggle(:class='{ "is-active": currentValue }', @click='changeToggle')
|
||
|
|
.toggle-container
|
||
|
|
.toggle-pin
|
||
|
|
.toggle-text {{ desc }}
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'toggle',
|
||
|
|
props: ['currentValue', 'desc'],
|
||
|
|
data () {
|
||
|
|
return { }
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
changeToggle() {
|
||
|
|
this.currentValue = !this.currentValue
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|