用el走马灯组件做图片的翻页效果,并具有预览功能。
1.拿到el内部组件image-viewer做自定义的预览功能。
<el-image-viewer
v-if="showViewer"
:initial-index="initialIndex"
:on-close="
() => {
handleViewer(false);
}
"
:url-list="urlList"
/>
import ElImageViewer from 'element-ui/packages/image/src/image-viewer';
2.走马灯组件里的el-image组件添加lazy属性会导致图片加载失败。
补充:
可以用initial-index属性指定预览图片下标
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。