vue+element-ui 表格中图片缩略图悬浮显示

 <el-table-column prop="filepath" label="缩略图" v-if="show_filepath">

   <template slot-scope="scope">

         <el-popover placement="right" title="" trigger="hover">

           <img :src="scope.row.filepath"  style="height: 500px;width: 500px"/>

           <img slot="reference" :src="scope.row.filepath" :alt="scope.row.filepath" style="height: 50px;width: 150px">

          </el-popover>

   </template>

 </el-table-column>

<el-popover placement="right" title="" trigger="hover">

           <img src="@/assets/01.png"  style="height: 500px;width: 500px"/>

           <img slot="reference" src="@/assets/01.png"  style="width:200px;max-height:300px">

          </el-popover>