怪奇笔记：elementplus的ImageViewer的独立使用

想不到吧，elp的el-image组件自带了一个图片预览器，可是并没有明说给我们使用，但是挖出来。

废话不多说，操控方式如下：

标签：<el-image-viewer />

属性/方法/API：参考element-plus => Image组件 => #Image Viewer API

显隐控制：改变url-list(即预览图数组)长度即可，简单说就是v-if="urlList.length > 0"，然后@close事件中将urlList置空即可。

老规矩上图：

以上，即可实现独立使用并控制el-image-viewer了；

PPS：如果觉得预览尺寸铺满有点不爽的，请override一下 .el-image-viewer__canvas 这个类，并设置你想要的 transform: scale(xx) 即可。

怪奇理由：这个组件为啥不单独放出来，一定要自己挖吗？

更新：element-plus已经更新了此组件文档 :

https://element-plus.gitee.io/zh-CN/component/image.html#image-viewer-attributes

附上赠@alertO的一个例子