vue3 elementui table popover上的图片鼠标移上去图片预览

效果如图：

代码如下：

<el-table-column
            prop="vatar"
            label=""
            show-overflow-tooltip
          >
            <template #default="scope">
              <el-popover
                placement="top-start"
                :width="200"
                trigger="hover"
              >
                <template #reference>
              <img :src="scope.row.avatar" :alt=" scope.row.avatar ? scope.row.avatar : '无照片' " class="scopeImg">
                </template>
              <img :src="scope.row.avatar" :alt=" scope.row.avatar ? scope.row.avatar : '无照片' " style="width: 90%; height: 80%" >
              </el-popover>
            </template>
          </el-table-column>

之前用vue2写，结果slot和slot-scope不行了，在vue2.6及已上版本，slot 和slot-scope已经开始废弃， 有了新的替代: v-slot，v-slot只能用在template 上，和组件标签上。