iview的Table表格组件显示图片

最新推荐文章于 2023-03-15 14:37:43 发布

小白白一枚111

最新推荐文章于 2023-03-15 14:37:43 发布

阅读量603

点赞数 2

分类专栏： vue iview

本文链接：https://blog.csdn.net/weixin_50166856/article/details/119911234

版权

vue 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

iview

7 篇文章 0 订阅

订阅专栏

这段内容描述了一个在前端开发中使用渲染函数(h)来创建一个图片组件的场景。组件的样式固定，宽度216px，高度110px，并且图片点击后会触发'bigImg'函数以展示大图。这展示了对Vue.js或者其他类似框架中模板语法的理解和应用。

摘要由CSDN通过智能技术生成

使用render

 {
                    title: '背景封面',
                    key: 'sub_cover_url',
                    type: 'image',
                    align: 'center',
                    render: (h, params) => {
                        return h('img', {
                            style: {
                                width: '216px',
                                height: '110px',
                            },
                            attrs: {
                                src: params.row.sub_cover_url
                            },
                            on: {
                                click: () => {
                                    this.bigImg(params.row.sub_cover_url)
                                }
                            }
                        })
                    }
                },