【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>
相关推荐
程序猴老王11 小时前
el-select 和el-tree二次封装
前端·vue.js·elementui
想自律的露西西★1 天前
用el-scrollbar实现滚动条,拖动滚动条可以滚动,但是通过鼠标滑轮却无效
前端·javascript·css·vue.js·elementui·前端框架·html5
_Legend_King2 天前
vue3 + elementPlus 日期时间选择器禁用未来及过去时间
javascript·vue.js·elementui
J总裁的小芒果2 天前
Vue3 el-table 默认选中 传入的数组
前端·javascript·elementui·typescript
ZwaterZ2 天前
vue el-table表格点击某行触发事件&&操作栏点击和row-click冲突问题
前端·vue.js·elementui·c#·vue
码农六六2 天前
vue3封装Element Plus table表格组件
javascript·vue.js·elementui
徐同保2 天前
el-table 多选改成单选
javascript·vue.js·elementui
快乐小土豆~~2 天前
el-input绑定点击回车事件意外触发页面刷新
javascript·vue.js·elementui
大霞上仙2 天前
element ui table 每行不同状态
vue.js·ui·elementui
lv程序媛2 天前
el-table表头前几列固定,后面几列根据接口返回的值不同展示不同
javascript·vue.js·elementui