nuxt 컴포넌트에서 레아아웃으로 emit 하기 > IT 기술백서

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]