使用iview(viewUI)Table组件添加图片，元素整理

最新推荐文章于 2023-08-12 14:08:39 发布

哎呦、好家伙

最新推荐文章于 2023-08-12 14:08:39 发布

阅读量1.2k

点赞数 3

分类专栏： iview（viewUI）文章标签： es6

本文链接：https://blog.csdn.net/HwH66998/article/details/107940025

版权

本文介绍了如何在iview的Table组件中通过render函数添加动态图片，图片地址通过attrs传递，而非props。同时讲解了在table渲染过程中设置元素样式的技巧，示例中使用了require动态加载图片。

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

首先，图片地址用的是attrs而不是props。

 {
   
          title: '考题',
          key: 'exam_topic',
          width: 200,
          render: (h, params) => {
   
            return h('div', [
              h('span', params.row.exam_topic),
              h('Icon', {
   
                props: {
   
                  type: params