vue鼠标悬浮图片处理

杨诚实

已于 2024-05-01 22:05:55 修改

阅读量413

点赞数 5

分类专栏：每日前端文章标签： elementui 前端

于 2024-05-01 22:04:58 首次发布

本文链接：https://blog.csdn.net/weixin_42678822/article/details/138380896

版权

每日前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<el-popover
            placement="right"
            title=""
            trigger="hover">
            <el-image
            fit="cover"
            class="leftpic"
            :src="
              viewDataSouse.imgUrl
                ? viewDataSouse.imgUrl.split(',')[0]
                : require('../../images/demoImg.png')
            "
          >
            <div slot="placeholder" class="image-slot">
              加载中<span class="dot">...</span>
            </div>
          </el-image>
          <el-image
           slot="reference"
            fit="cover"
            class="leftpic"
            :src="
              viewDataSouse.imgUrl
                ? viewDataSouse.imgUrl.split(',')[0]
                : require('../../images/demoImg.png')
            "
          >
            <div slot="placeholder" class="image-slot">
              加载中<span class="dot">...</span>
            </div>
          </el-image>
          </el-popover>