Javascript

Vue@click记录一种出错

本文主要是介绍Vue@click记录一种出错，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题：@click事件绑定在1和2的父级盒子上，但是点击2盒子有效，点击1盒子无效
在这里插入图片描述

代码：

  <div class="itemlist">
      <div class="item" @click="toSecurity()">
        <div class="bg bg_aq">
          <div class="iconfont icon-anquan icon2"></div>
        </div>
        <div class="text">安全常识</div>
      </div>

      <div class="item" @click="toLaw">
        <div class="bg bg_fv">
          <div class="iconfont icon-falv icon2"></div>
        </div>

        <div class="text">法律法规</div>
      </div>
      <div class="item" @click="toEducation">
        <div class="bg bg_peixun">
          <div class="iconfont icon-peixun icon2"></div>
        </div>

        <div class="text">教育培训</div>
      </div>
      <div class="item" @click="toMeeting">
        <div class="bg bg_shipin">
          <div class="iconfont icon-shizhengxiaohuoshuan icon2"></div>
        </div>
        <div class="text">视频会议</div>
      </div>
    </div>

原因：<div class="bg bg_aq"> <div class="iconfont icon-anquan icon2"></div> </div> 的z-index太小了

解决：修改.bg的css样式
在这里插入图片描述

这篇关于Vue@click记录一种出错的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航