vue中鼠标移入移出，怎么让其切换到里面的内容

Posted 2023-04-26

切不进去出来的内容，鼠标放点不到移出来的内容，因为鼠标一离开元素就立马执行mouseleave事件，就是写延迟，延迟已过也立马执行mouseleave事件，如果让鼠标放在移出的内容上时，不执行mouseleave事件

参考技术A 你在data里绑一个index，对应hover元素的index，然后使用这个index对应下面四个不同的显示内容，用v-show来判断是否是当前index就好了，尽量不要用jq追问

组件和ul的父级元素是平级，通过它们两个的父元素绑定的那个class来判断显示或隐藏，应该需要一个异步处理，不知道怎么写，我需要这个代码，有一些地方也需要用到同样的解决方法。

Vue中 前端如何动态的修改某个DOM元素鼠标移入移出时的背景图片

参考技术A 在某个需求下，需要鼠标移入时是A背景图，移出时是B背景图。（针对于Vue项目），如果是普通的HTML页面可直接在js中获取dom元素去修改style等方式实现，在Vue中，需要先将图片导入，将图片声明为一个变量。

如截图所示，我们要改变的是红圈标记的两个图片，当鼠标移入部分时，将那块的image替换为UI给的图片。

这里也可以用require去获取

也可以使用import导入再去data中去赋值给变量

下面就是赋值给到变量中去