element-Plus表格组件中使用el-image图片预览功能的踩坑

预期实现效果：

在表格内点击图标，进入大图预览模式。

代码编写:

                  <el-image
                    src="@/assets/icons/moneyState.png"
                    :zoom-rate="1.2"
                    :preview-src-list="scope.row.image"
                    :initial-index="4"
                    fit="cover"
                  />

此处第一个坑，el-image引入静态图片应为：

                <el-image
                    :src="require('@/assets/icons/moneyState.png')"
                    :zoom-rate="1.2"
                    :preview-src-list="scope.row.image"
                    :initial-index="4"
                    fit="cover"
                  />

此处第二个坑，点击蓝色图标后页面是这样的:

解决方案：在el-image中加入属性 preview-teleported="“true”"，即可正常预览