elementui el-table表格显示图片

xniYa!

已于 2022-08-10 10:36:10 修改

阅读量1k

点赞数

分类专栏： element 文章标签： vue.js elementui javascript

于 2022-08-10 10:20:00 首次发布

本文链接：https://blog.csdn.net/qq_52134424/article/details/126261084

版权

element 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

 <el-table-column label="图片" align="center">
        <template slot-scope="scope">
          <el-popover placement="right" width="200" trigger="hover">
            <img :src="'服务器地址' + scope.row.url" class="imgStyle" />
            <img
              slot="reference"
              :src="scope.row.url?'服务器地址' + scope.row.url:''"
              style="max-height: 50px; max-width: 150px"
            />
          </el-popover>
        </template>
      </el-table-column>