微信小程序开发问题汇总

最新推荐文章于 2025-04-15 11:41:04 发布

protein1122

最新推荐文章于 2025-04-15 11:41:04 发布

阅读量2.9k

点赞数 5

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/u011973968/article/details/80367921

版权

本文总结了微信小程序开发中遇到的一些问题，包括图片点击放大、轮播图衔接、setData限制、自定义弹框滚动冲突等，并提供了相应的解决方法。同时，也提到了formId使用、授权弹窗及用户token获取的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近由于公司需要连续做了2个小程序，坑总体来看并不多，但是也没少踩... 禅道上仍旧安然的放着2个bug但已被置延期，我是多么的想关掉它们呢，我尝试了，但是... 你们知道哒能被特容易就解决的问题就不是问题啦。希望看到此文章的人如果有好的方法也可以分享给我哈，在最下边我会在细节中指出问题哒。今天是周五，本来是想提早回家，但还想趁自己思想清晰总结些。那、现在开些La...

1、图片点击放大到全屏展示

wxml文件： <image id="previewImg" bindtap='previewImage' mode="widthFix"></image>  //widthFix是让图片定宽，高自适应

对应js文件： previewImage: function(e) {
    var current = e.target.dataset.src;  
    var finalImgpath = [];
    finalImgpath.push(current)
    
    // for (var i = 0; i < this.data.imgpath.length;i++) {
    //   finalImgpath.push(this.data.imgpath[i].src)    //当多个图片时需将所有图片都插到一个数组中，最后存到urls链接里
    // }
    
    wx.previewImage({
      current: current,    //当前显示图片的http链接
      urls: finalImgpath   //需要预览的图片http链接列表
    })
  },

2、图片点击放大即wx.previewimage时会触发onhide，预览返回时会触发onshow

1). 首先在data中定义一个变量比如 preImgStatus: false

2). 在上述代码调用previewImage前加一个开关变量 this.setData({preImgStatus: true})

3). 在显示放大图片时触发的onhide函数中加上

if(this.data.preImgStatus == true) {
    this.setData({ preImgStatus: false}); 
    return;
}
//此处加上onhide真正需要处理的事件即可，onshow同理

3、“目前”——为了实现点击小程序自带后退按钮后，可自动刷新页面状态 + 关闭页面再次进入是采用onshow的方式；为了监控关闭采用onhide （这种监控方法也不知百分百好用不，待有时间会查验并总结好一点的方法）

4、轮播图最后一张如何与第一张衔接

<swiper indicator-dots="true" indicator-color="指示点颜色" indicator-active-color="当前选中指示点颜色" interval="自动切换时间间隔" 
duration="滑动动画时长" autoplay="true" vertical="false(是否改为纵向)"
    <block wx:for="{
  {imgUrls}}">
    <image src="{
  {item}}" class="slide-image" width="355" height="150"/> </swiper-item> </block>
</swiper>

尝试找方法，知道是使用circular（是否采用衔接滑动这一属性），但是我一直在js中data里设置，致使反复不能实现效果，最后发现只要在swiper标签中加上一句 circular="true" 就神奇般的好了，最后我就表示呵呵了...

5、当一次setData的数据超过一定值就会报