vue3如何使用element-plus的el-table组件展示图片表格

文章浏览阅读82次。scope表示作用域,scope.row则为当前展示行的数据,scope.row.imgUrl则为当前展示行的图片地址。由于图片展示需要用到当前行的图片地址,然后配合img标签进行展示,el-table-column不能直接展示图片,所以这个问题该如何解决呢?想了半天没想出来,翻来覆去查资料都没看懂(我好蠢),后面发现了一个scope关键字,借助scope关键字终于解决了这个问题。这种用法当然不局限于展示图片,既然知道了如何获取当前展示行的数据,我们就能够自定义展示效果了。比如同时展示图片与图片描述。_el-table 显示图片