为什么 vue 中的 @mouseover 动作不起作用
Why @mouseover action in vue cannot work
鼠标悬停动作无效;当我将鼠标悬停在
上时,它无法 console.log 消息
代码
<template>
<div id="horrizontalNav">
<el-menu class="el-menu-demo" mode="horizontal" >
<el-menu-item index="1" @mouseover="showUp">find Music</el-menu-item>
</el-menu>
</div>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
showUp() {
console.log('succeed')
}
},
}
</script>
由于您将事件放在自定义元素上,因此必须使用 native
修饰符:
<el-menu-item index="1" @mouseover.native="showUp">find Music</el-menu-item>
在此处查看更多信息:https://vuejs.org/v2/guide/components.html#Binding-Native-Events-to-Components
鼠标悬停动作无效;当我将鼠标悬停在
上时,它无法 console.log 消息代码
<template>
<div id="horrizontalNav">
<el-menu class="el-menu-demo" mode="horizontal" >
<el-menu-item index="1" @mouseover="showUp">find Music</el-menu-item>
</el-menu>
</div>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
showUp() {
console.log('succeed')
}
},
}
</script>
由于您将事件放在自定义元素上,因此必须使用 native
修饰符:
<el-menu-item index="1" @mouseover.native="showUp">find Music</el-menu-item>
在此处查看更多信息:https://vuejs.org/v2/guide/components.html#Binding-Native-Events-to-Components