nuxt 레이아웃에게 직접적으로 이벤트를 보낼 방법은 없다
그래서 글로벌 이벤트를 사용해야 한다.
pages/Example.vue
[code language-html]
<template>
<button type=”button” @click=”$nuxt.$emit(‘change’)”>Click</button>
</template>
[/code]
layouts/default.vue
[code]
<template>
<div>
<Nuxt />
</div>
</template>
<script>
export default {
created() {
this.$nuxt.$on(‘change’, this.onChange) // 이벤트 핸들러를 세팅해준다.
},
methods: {
onChange() {
console.log(‘Changed!!’)
}
}
}
</script>
[/code]
