vue scrollTop 버튼

    <button id="topbtn" v-show="!isVisible" @click="toTop">
        <p>TOP</p>
        <img src="~/assets/imgLogo.png" alt="이미지로고">
    </button>

 

<script>
export default {
    data() {
        return {
            isVisible : false
        }
    },
    methods: {
        onScroll () {
            this.isVisible = window.scrollY < 50
        },
        toTop () {
            window.scrollTo({
                top: 0,
                left: 0,
                behavior: 'smooth'
            })
        },
    },
    beforeMount() {
        window.addEventListener("scroll", this.onScroll)
    },
    beforeDestroy() {
        window.removeEventListener("scroll", this.onScroll)
    },
}
</script>