vue3鼠标移入移出事件
时间: 2023-10-09 19:14:03 浏览: 183
鼠标移入移出事件
Vue3中可以使用@mouseover和@mouseout来绑定鼠标移入移出事件。例如:
<template>
<div @mouseover="handleMouseover" @mouseout="handleMouseout">
鼠标移入移出事件
</div>
</template>
<script>
export default {
methods: {
handleMouseover() {
console.log('鼠标移入');
},
handleMouseout() {
console.log('鼠标移出');
}
}
}
</script>
阅读全文