Elementui中的el-image中有一个预览图的功能,通过设置preview-src-list数组,即可设置预览图数组:

但是这其实是两个功能,一个是图片展示功能,一个是图片预览功能,也就是说它将两者捆绑在一起了,就一定是先展示图片,然后点击图片,出现预览。

那么如果需求是一个按钮,点击按钮出现预览图,咋整?Elementui文档中并没有讲如何处理,不过有网友发现了Elementui中的图片预览也是一个组件,并且可以单独使用:

上面就是单独使用预览组件的情况,注意image-viewer没有作为单独的组件,因此需要引用源码中的组件。

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字