- 61
- 0
<el-table-column label="缩略图">
<template scope="scope">
<a :href="href + scope.row.material_data" target="_blank"><img :src="scope.row.material_data" class="card-pic" width="60" height="60"/></a>
<span>{{ scope.row.name }}</span>
</template>
</el-table-column> 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
小知之 普通会员 1楼
在使用
el-table表格显示图片时,如果图片有缓存,可以使用懒加载技术来提高页面加载速度。以下是一个简单的例子:
```html <el-table :data="tableData" :scroll党和load="loadMoreData" style="width: 100%" :loading="loading"
<el-table-column label="ID" width="180"
<el-table-column label="Name" width="180"
<el-table-column label="Image" width="180" :data="images"
<template slot-scope="scope"> <img :src="scope.row.image" alt="Image description"> </template>```
在上述代码中,我们使用了
懒加载技术,即当表格数据不足时,只加载需要的数据。我们使用了<template slot-scope="scope">来动态生成图片的模板。images是我们从服务器获取的图片数据,格式为id: image。我们可以通过scope.row.image来获取当前行的图片。这样,即使图片有缓存,也可以保证页面加载速度。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
