用vue.js实现滑过图片显示删除图标的功能,如图:
代码如下
HTML:
CSS:
JS:
数据
显示和隐藏方法
用isShowBorder来控制边框效果,seen来控制按钮效果
但当有多张图片时,每次滑过其中一张图片所有图片都会显示删除按钮和边框,求教要用什么方法怎么改才可以解决这个问题,谢谢!
用vue.js实现滑过图片显示删除图标的功能,如图:
代码如下
HTML:
CSS:
JS:
数据
显示和隐藏方法
用isShowBorder来控制边框效果,seen来控制按钮效果
但当有多张图片时,每次滑过其中一张图片所有图片都会显示删除按钮和边框,求教要用什么方法怎么改才可以解决这个问题,谢谢!
你的两个图片是在同一个vue实例里的,所以showDelete执行时,this指向的是同一个对象
有删除这个需求,应该是要根据数据生成图片列表,建议把图片项封装成component,这样每一个图片的this会指向自身component的实例
9 回答1.8k 阅读✓ 已解决
6 回答1.8k 阅读
3 回答1.5k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读
2 回答1.3k 阅读✓ 已解决
3 回答1.5k 阅读✓ 已解决
谢邀,每个图片加一个
key
,划过图片时判断当前key
与鼠标悬浮所在图片的key
相等时才显示删除和边框