在使用el-popover弹框显示的时候发现 弹框跑到浏览器最左上角去了,位置偏移严重,当修改代码保存的时候会恢复正常,刷新页面的时候就又异常了,这是被body其他全局元素给影响到了,暂时未找到具体哪个影响的,解决办法是在el-popover上加上v-if来控制其渲染,这样在页面刷新加载的时候就不会去渲染el-popover,body上的元素也就影响不到它了。下面是示例代码,其中show 变量是鼠标点击其他图标时的

<el-popover placement="left" v-if="show">
      <template #reference>
        <div class="option-item">
          <img src="../../assets/images/index/icon-code.png" class="icon-code" />
          {{ $t('扫码咨询') }}
        </div>
      </template>
      <template #default>
        <div class="icon-wechat-code">
          <img src="../../assets/images/wechat-code.jpg" 
            style="width: 124px; height: 124px" />
        </div>
      </template>
</el-popover>

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐