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