uni-app image标签 nvue 图片显示异常，图片横了过来 vue页面无问题

uni-app image标签 nvue 图片显示异常，图片横了过来 vue页面无问题

bug描述：

image标签 nvue 图片显示异常，图片横了过来 vue页面无问题

示例代码：

<image src="http://txcimg.fractalbj.cn/dKmB/2021/03/04/con_topic/wQlSeQpG5UnVvp1n.jpg" mode=""></image>
8 回复

Android 10，HONOR Play4T ，未复现您说的问题。

更多关于uni-app image标签 nvue 图片显示异常，图片横了过来 vue页面无问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


要使用我这张图片

http://txcimg.fractalbj.cn/dKmB/2021/03/04/con_topic/wQlSeQpG5UnVvp1n.jpg

更新了附件，附件中的图片也可以复现

回复 金猿: 是必现吗？设备机型信息提供下，提供可稳定复现简单的工程（上传附件），否则不能复现很难解决您的问题。

回复 DCloud_UNI_Anne: 附近上传了 手机机型是 三星盖乐世s8+ 红米6a 基本上我手里的安卓机型都能复现 辛苦了

目前还没有专门处理图片方向问题。不同手机浏览器内核可能自动做了处理。后续我们会排期看看处理一下图片方向问题

在 nvue 页面中，图片显示方向异常通常是由于缺少 mode 属性或使用了不合适的图片模式导致的。nvue 对图片渲染的处理机制与 Vue 页面不同，需要显式指定 mode 属性来正确控制图片的显示方式。

解决方案：

  1. 为 image 标签添加 mode 属性，例如：
    <image src="http://txcimg.fractalbj.cn/dKmB/2021/03/04/con_topic/wQlSeQpG5UnVvp1n.jpg" mode="aspectFit"></image>
回到顶部