render 里 el-image图片预览 preview-src-list

  • Post author:
  • Post category:其他


{
          title: "备注",
          key: "remarks",
          minWidth: 100,
          render: (h, params) => {
            return h('div', [
            // 图片和备注一起展示
              h("span", {}, params.row.remarks),
              params.row.imgVideoUrls && params.row.imgVideoUrls.map(function (items, index) {
                return h("el-image", {
                  style: {
                    width: '100px',
                    height: '100px',
                  },
                  attrs: {
                    src: items.imgVideoUrl,
                    key: index,
                    'preview-src-list': params.row.imgVideoUrls.map((item) => item.imgVideoUrl)
                  },
                })
              }),
            ])
          }
        }

后端返回的数据
在这里插入图片描述



版权声明:本文为qq_42404842原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。