vue鼠标悬浮图片处理 

<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>

　　

posted @ 2022-03-15 10:40  Mr、DIVE  阅读(446)  评论(0)  编辑  收藏  举报