v-for怎么取到外面p元素

图片.png
实现鼠标移入video隐藏p元素,移出显示

已解决 悬赏分:60 - 解决时间 2021-11-29 08:22
反对 0举报 0 收藏 0

回答2

最佳
  • @

    两个办法吧:

    1. v-show自然可以,监听mouseenter和mouseleave事件来给变量hideIdx赋值,值为当前移进入的video下标,p加v-show="hideIdx != index"。
    2. 单纯用CSS控制,兄弟选择器+hover伪类。调整一下p和video的顺序,然后通过其它手段(比如flex)让p依然在video前渲染。当一个video处于hover的时候,p隐藏。

    倾向于第二个,毕竟能用CSS解决的,通常就不考虑JS了,体验地址:
    http://jsrun.pro/HMWKp/edit

    比如鼠标移入第二个视频的时候隐藏前面的p(这里使用了opacity不透明度来隐藏以避免DOM渲染跳动):
    image.png

    支持 0 反对 0 举报
    2021-11-28 09:40
  • @

    v-show="item.log"

    支持 0 反对 0 举报
    2021-11-28 11:02