美文网首页
vue+element-ui 表格中图片缩略图悬浮显示

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

作者: 双耳云 | 来源:发表于2019-07-31 15:10 被阅读0次
    <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>
    

    相关文章

      网友评论

          本文标题:vue+element-ui 表格中图片缩略图悬浮显示

          本文链接:https://www.haomeiwen.com/subject/qqhtdctx.html