toggle vuejs code example
Example 1: vue v-show toggle
<div v-show="isVisible">
<h1>Título</h1>
<p>Parágrafo 1</p>
<p>Parágrafo 2</p>
</div>
//div will be rendered and toggle display: none; as isVisible is set true or false.
<script>
export default {
data () {
return {
isVisible: false
}
}
}
</script>
Example 2: vue toggle boolean on click
// In HTML tag
@click="toggle = !toggle"
// In Vue script
export default {
data() {
return {
toggle: false
}
}
}