uni-app页面跳转携带数组参数,并做长图拼接

场景:点击活动跳转,携带一个图片地址数组,并且进行长图拼接要求无空隙

像这种长图,如果整张图加载,速度会很慢,ui切成八张给我了,接下来就是在使用uni.navigateTo()跳转的时候把图片地址的数组传递过去,再循环渲染图片。

图片的src规范是:baseUrl域名+路径

 在a页面使用uni.navigateTo()方法跳转的时候,在b页面的onLoad钩子函数的option参数可以接收到a页面传递来的参数,options是一个对象。

 

 

 在跳转的时候url怎么传数组参数呢?

先在a页面传递的时候用JSON.stringify()转为JSON字符串,b页面接受的时候用JSON.parse()转回JSON对象。然后再循环图片渲染,这时候发现一个问题,每张图片之间会有一个空白的间隙,需要给图片设置css属性display:block就解决了。

posted @ 2022-08-25 16:49  雾li菜菜  阅读(1217)  评论(0)    收藏  举报