elementUI如何实现表格中图片的预览具体效果如下图所示:要实现这个效果,我们可以使用elementUI中的标签,第一个是浮动放大图的定义,第二个是表格中显示的缩略图的定义。里面的trigger属性用来设置什么时候触发Popover,支持四种触发方式:hover、click、focus和manual。对于触发Popover的元素,有两种写法:使用带slot="reference"的命名槽,或者使用自定义指令v-popover指向Popover的索引ref。本文使用的是slot="reference"命名槽方法,具体可以访问elementUI官网。具体实现代码如下:
