Vue中 前端如何动态的修改某个DOM元素鼠标移入移出时的背景图片
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue中 前端如何动态的修改某个DOM元素鼠标移入移出时的背景图片相关的知识，希望对你有一定的参考价值。
参考技术A 在某个需求下，需要鼠标移入时是A背景图，移出时是B背景图。（针对于Vue项目），如果是普通的html页面可直接在js中获取dom元素去修改style等方式实现，在Vue中，需要先将图片导入，将图片声明为一个变量。如截图所示，我们要改变的是红圈标记的两个图片，当鼠标移入部分时，将那块的image替换为UI给的图片。
这里也可以用require去获取
也可以使用import导入再去data中去赋值给变量
下面就是赋值给到变量中去
以上是关于Vue中 前端如何动态的修改某个DOM元素鼠标移入移出时的背景图片的主要内容，如果未能解决你的问题，请参考以下文章