点击事件控制一个div的css样式

83 阅读1分钟
    .no-image {
    position: absolute;
    left: 190px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;vue \

    <li v-for="(item, index) in floordata" :key="index" @click="mouseOver(item, index)"
    :class="{ active: index == currentIndex }">
    {{ item.floorname }}

     </li> 一个标签样式是这样的 然后mouseOver点击之后这个标签样式未displaynone隐藏
    可以在`mouseOver`函数中添加以下代码来隐藏该标签:

        document.querySelector('.no-image').style.display = 'none';

    这将选择具有类名为`no-image`的元素,并将其`display`属性设置为`none`,从而隐藏该元素。