点击浏览图片显示如下:
理论上应该显示在上面才是,单身vue2里面的控件里面添加了固定的宽度和层级:所以导致图片浏览的时候跑到最下面去了。
所以要解决这个问题:
在弹出modal里面加上层级,z-index: 2098:
<a-modal :visible="previewVisible" style="z-index: 2098;position: relative;width:1024px ;height: auto;"
:footer="null" @cancel="handleCancel">
<img alt="example" style="width: 120%;position:relative;top: 10%;" :src="previewImage" />
</a-modal>