在鼠标进入定义一个回调函数
三级分类背景颜色变化,在鼠标移入时调用函数并对其进行传值,鼠标移上某一个一级分类的元素的索引值,当用户移上的值和index的某一个值相等时,就给该元素添加一个class为cur。
<h3 @mouseenter="changeIndex">
事件回调,鼠标进入响应式数据currentIndex属性。接收鼠标移入时的index
changeIndex(index) {
this.currentIndex = index;
},
鼠标离开
<!-- 使用事件委派 -->
<div @mouseleave="leaveShow">
事件回调,当鼠标移除currentindex为-1。使用事件委派把数据放在最上面。
leaveIndex() {
this.currentIndex &#