2***@qq.com
2***@qq.com
  • 发布:2019-09-04 20:27
  • 更新:2019-09-04 20:30
  • 阅读:2198

【报Bug】uniapp nvue页面uniapp编译模式,iOS下,<image>标签的@load事件不fire或无法捕获

分类:nvue

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

uniapp nvue页面 iOS下,<image>标签的@load事件不fire或无法捕获。nvue是处于uniapp编译模式。

重现步骤

[步骤]

编辑index.nvue,放入下面代码:

<image :src="mysrc" mode="aspectFill" style="width:375px;height:211px;" @load="onImageLoad"></image>

<script>
methods: {
onImageLoad(e) {
console.log('imageLoaded', e)
}
}
</script>

运行

[结果]

android真机测试,打印imageLoaded和e对象的值。
但iOS模拟器上运行,无任何console.log消息打印

[期望]

iOS应该打印console.log的值。

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilder 2.2.2.20190816,visual studio code

[IDE版本号]

[windows版本号]

[mac版本号]
MacOS X 10.14.5

uni-app运行环境说明

nvue uniapp模式编译

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]
iphone模拟器 iphone X

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ] 271393

2019-09-04 20:27 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者) - Let's go!

同时和大家分享一下我目前的work-around:

我的主要目的是image load以后获取图片的长宽比例,那么我可以通过另一个方法,即使用plus.io.getImageInfo获取图像长宽,同时用返回的path值传给image的src属性,完成图像的显示。

供参考。

该问题目前已经被锁定, 无法添加新回复