在使用swiper组件的时候，如果切换循环swiper-item的图片数组的话，会引起数组长度变化。当切换后的数组长度不及切换前的数组长度时，而恰好swiper此时的current记录的位置已经超出了后面的数组的长度，就会报警告。 [图片] 并且图片显示不出来，情况如下： [图片] 修改前代码: wxml: [代码]<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slide-image" width="355" height="150"/> </swiper-item> </block> </swiper> <button bindtap="changeArr"></button> [代码] [代码]js: data: { imgUrls: ['img1', 'img2', 'img3'] }, changeArr(){ this.setData({ imgUrls: ['img1', 'img2''] }) } [代码] 解决办法非常简单，只需在swiper上面绑定current属性，然后在改变imgUrls时将current的值变成 0 即可 修改后代码： wxml： [代码]<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" current=“{{current}}”> <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slide-image" width="355" height="150"/> </swiper-item> </block> </swiper> <button bindtap="changeArr"></button> [代码] js： [代码]data: { imgUrls: ['img1', 'img2', 'img3']， current：0 }, changeArr(){ this.setData({ imgUrls: ['img1', 'img2'']， current：0 }) } [代码] 需要注意的是如果改变imgUrls时是需要从后台请求的话，要等到请求完成后再将current的值改成0

第三方平台发布的小程序，用web-view打开的页面包含https://work.weixin.qq.com，如何配置业务域名？ 第三方平台发布的小程序，web-view打开一个H5的页面，该页面可以跳转到微信客服（https://work.weixin.qq.com），现在点击提示会提示“不支持打开非业务域名https://work.weixin.qq.com，请重新配置”，但在第三方平台的开发资料里，无法添加https://work.weixin.qq.com为业务域名，这种情况要怎么处理？

前言 目前腾讯位置服务提供路线规划、地图选点、地铁图、城市选择器插件四款插件产品，本篇博客主要针对地图选点功能进行实现。 开通腾讯位置服务 1、进入微信公众平台 2、登录进入小程序后台，选择 “开发 - 开发工具 - 腾讯位置服务” [图片] 3、点击 “开通”，进入授权扫码界面 [图片] 4、使用微信扫码进行授权 [图片] 5、绑定开发者账号 [图片] 接入插件 1、在小程序后台，选择 “设置 - 第三方设置 - 插件管理”，点击 “添加插件” [图片] 2、搜索 “腾讯位置服务地图选点” 进行添加 [图片] 开发者密钥配置 1、申请开发者密钥 2、设置KEY的 “启用产品” a、勾选微信小程序，设置授权 APP ID [图片] 授权 APP ID 可以通过 “设置 - 基本设置” 的账号信息进行查看 [图片] b、勾选 “WebService API” [图片] 小程序插件需要使用WebService API的部分服务，所以需要给使用该功能的KEY配置相应权限。 如果填写了域名白名单，需要把[代码]servicewechat.com[代码]域名添加进域名白名单中，否则小程序下将无法正常使用WebServiceAPI服务。 插件的使用 1、引入插件 地图选点appId： wx76a9a06e5b4e693e [代码]// app.json { "plugins": { "chooseLocation": { "version": "1.0.5", "provider": "wx76a9a06e5b4e693e" } } } [代码] 2、设置定位授权 地图选点插件需要小程序提供定位授权才能够正常使用定位功能 [代码]// app.json { "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" } } } [代码] 3、代码实现 a、js代码 [代码]"use strict"; const chooseLocation = requirePlugin('chooseLocation'); Page({ data: { address: "", locationName: "" }, onShow: function () { // 从地图选点插件返回后，在页面的onShow生命周期函数中能够调用插件接口，取得选点结果对象 // 如果点击确认选点按钮，则返回选点结果对象，否则返回null const location = chooseLocation.getLocation(); if(location){ this.setData({ address: location.address?location.address : "", locationName: location.name?location.name : "" }); } }, //显示地图 showMap() { //使用在腾讯位置服务申请的key（必填） const key = ""; //调用插件的app的名称（必填） const referer = ""; wx.navigateTo({ url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer }); } }); [代码] [代码]plugin://chooseLocation/index[代码] 接口参数说明： [图片] b、wxml代码 [代码]<!--index.wxml--> <view class="container"> <button bindtap="showMap">选择位置</button> <view style="margin-top:10px">地址：{{address?address:"暂无"}}</view> <view style="margin-top:10px">名称：{{locationName?locationName:"暂无"}}</view> </view> [代码] 4、效果实现 [图片] 作者：盛夏温暖流年 链接：https://blog.csdn.net/j1231230/article/details/112352787 来源：CSDN 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。