程咬金3斧头
程咬金3斧头
  • 发布:2019-05-07 15:32
  • 更新:2019-05-08 17:16
  • 阅读:2177

【已解决】swiper-item 点击事件,在5+上参数传递错误

分类:uni-app

详细问题描述

场景:使用swiper和swiper-item实现图片轮播。在swiper-item上绑定click事件。传递参数时,在5+上有bug。h5上正常。
示例代码如下

<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="circular">  
    <swiper-item v-for="(item,index) in sliders" :key="item.id">  
        <view class="swiper-item" @click="clickSwpier(item)">  
            <image class="swiper-image" mode="scaleToFill" :src="item.image"></image>  
        </view>  
    </swiper-item>  
</swiper>
clickSwpier(e){  
				console.log(e);  
				if(e.url){  
					uni.navigateTo({  
						url:e.url  
					})  
				}  
			}

[结果]

在H5正常。在APP或者小程序中报错。报错信息如下:
15:14:23.206 [LOG] : undefined at pages/home/index.vue:176
15:14:23.230 [ERROR] : thirdScriptError
15:14:23.230 undefined is not an object (evaluating 'e.url'); [Component] Event Handler Error @ pages/home/index#handleEvent
15:14:23.230 clickSwpier@app-service.js:16556:2160
15:14:23.230 clickSwpier@[native code]
15:14:23.230 app-service.js:6289:24
15:14:23.230 forEach@[native code]
15:14:23.230 app-service.js:6276:26
15:14:23.230 forEach@[native code]
15:14:23.230 handleEvent@app-service.js:6266:20
15:14:23.231 safeCallback@app-service.js:4:424232
15:14:23.231 app-service.js:4:564953
15:14:23.231 app-service.js:4:568181
15:14:23.231 app-service.js:4:567455
15:14:23.231 n@app-service.js:4:171427
15:14:23.232 subscribeHandler@app-service.js:4:1563
15:14:23.232 app-service.js:3:77149
15:14:23.232 app-service.js:3:77170
15:14:23.232 B@app-service.js:3:4462
15:14:23.232 app-service.js:3:79639
15:14:23.232 consume@weex-main-jsfm.js:1:20554
15:14:23.232 map@[native code]

但是,如果传入的参数是key,就正常。。

[期望]

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

IDE运行环境说明

HBuilderX 1.9.3 20190422

uni-app运行环境说明

APP ,小程序

附件

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

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

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-05-07 15:32 负责人:无 分享
已邀请:
程咬金3斧头

程咬金3斧头 (作者)

顶一下

DCloud_UNI_FXY

DCloud_UNI_FXY

升级最新 HBuilderX 然后测试下

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