[JavaScript知识库]Vue3.0控制事件的触发

制作中遇到的问题，如何在vue中让事件只执行一次?

?解决方法

<template>
    <div class="home" @scroll=" even && scroll($event)">
    <!-- 在元素滚动事件中加入声明的even默认为true -->
    </div>
</template>
<script>
    import {Toast} from 'vant';
    import {getCurrentInstance,ref} from "vue";
    export default {
    setup(){
           let even=ref(true)
            function scroll(e) {
					console.log(e.srcElement.scrollTop)
					if (e.srcElement.scrollTop > 835) {
						Toast('加载中，请稍等');
						even.value=false // 设为false
					}
			}
           return{
                even，
                scroll
            }
        }
    }
</script>
<style>
    .home {
		width: 100%;
		height: 100vh;
		overflow: scroll;
	}
</style>

如有错误，欢迎指出，谢谢~~