|
Menu
×
×
Correct!
Exercise:Complete the code so that the image toggles when the button is clicked.
<template>
<button v-on:click="showImg = !showImg">
Toggle image
</button>
<img src="flower.jpg" alt="flower" v-show="showImg">
</template>
<script>
export default {
data() {
return {
showImg: true
}
}
}
</script>
<template>
<button @:click="showImg = !showImg">
Toggle image
</button>
<img src="flower.jpg" alt="flower" v-show="showImg">
</template>
<script>
export default {
data() {
return {
showImg: true
}
}
}
</script>
Not CorrectClick here to try again. Correct!Next ❯<template> <button ="showImg = !showImg"> Toggle image </button> <img src="flower.jpg" alt="flower" v-show="showImg"> </template> <script> export default { data() { return { : true } } } </script> |