【ElementUI】一行代码解决图片预览

【ElementUI】一行代码解决图片预览


只需要在图片标签上加入:preview-src-list

完整代码如下:

python 复制代码
<el-table-column label="封面" align="center" prop="cover" :sort-orders="['descending','ascending']" sortable="custom">
    <template slot-scope="scope">
        <el-image
                v-if="scope.row.cover"
                style=" height: 50px"
                :src="scope.row.cover"
                :preview-src-list="[scope.row.cover]"
        >
        </el-image>
    </template>
</el-table-column>
相关推荐
你挚爱的强哥15 小时前
【sgCreateQrcode】自定义组件:模仿草料二维码做了一个简单的二维码制作组件
javascript·vue.js·elementui
看客随心2 天前
element-ui table表格 tr间距\行间距设置
vue.js·ui·elementui
阿奇__2 天前
Vue 开发总结:表单重置不彻底导致日期组件交互失效
vue.js·elementui·交互
Qlittleboy3 天前
<el-form @submit.native.prevent> elementUI的里面的input的元素的回车事件后总是自动提交表单
前端·javascript·elementui
xiegwei3 天前
android Compose 图片星星评分组件
android·前端·elementui
阳光雨滴4 天前
树级结构部门选择和人员选择联动功能处理
javascript·vue.js·elementui
一个写bug的人4 天前
elementui中表格的表头固定 侧边列表固定 滚动条在头部 且使用鼠标滚轮横向时 可同步给顶部滚动条
前端·javascript·elementui
optimistic_chen6 天前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
何中应11 天前
<el-tree>标签问题
前端·vue.js·elementui
天天向上102411 天前
vue2 el-table使用css的方式实现列表自动滚动
css·vue.js·elementui