Estoy intentando modificar el valor de routing
desde el componente hijo (First) al hacer clic pero no pasa nada
//- Padre
<template>
<First @toggleContent="routing = !routing" />
</template>
<script>
export default {
data() {
return { routing: true }
}
}
</script>
//- Hijo (First component)
<template>
<div>
<i class="bx bx-shape-triangle" @click="toggleContent()"></i>
{{routing}}
</div>
</template>
<script>
export default {
props: {
routing: Boolean
},
methods: {
toggleContent() {
this.$emit('toggleContent')
}
}
}
</script>
En la consola no me sale ningun error, gracias.