微信小程序 - 点击按钮退出小程序的解决方案(以及不兼容解决方案) - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序 - 点击按钮退出小程序的解决方案(以及不兼容解决方案)

发表时间:2020-10-3

发布人:葵宇科技

浏览次数:80

前言

有时候,当用户点击按钮时 将小程序直接退出,而不是由用户点击右上角 小程序胶囊 关闭。

方案

官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

直接使用 <navigator> 组件即可,具体代码如下:

<navigator open-type="exit" target="miniProgram">关闭小程序</navigator>

注意事项

你可能出现不兼容的问题。

这个功能最低支持版本时 2.1.0 ,如果一定要使用这个功能,那么最好在小程序管理后台中设置最低基础库版本不低于 2.1.0

如果对小程序支持的最低基础库低于 2.1.0,那么可以对小程序基础库版本进行判断,支持小程序退出的就使用退出组件,如果不支持,那么就做好跳转到其他指定页面的兼容处理。

wx.getSystemInfo({
 success: function(res) {
  if(res.SDKVersion>="2.1.0"){
   self.setData({
   exitApp:true//data中的初始化变量
   })
  }
 }
})
<navigator wx:if="{{exitApp}}" open-type="exit" target="miniProgram">关闭按钮</navigator>
 <navigator wx:else open-type="navigate" target="navigate" url='../../index/index'>返回首页</navigator>

如果是首页,那么就直接不处理这个返回退出了。

注:由于不是 API,所以不能使用 wx.canIUse(string) 的方式进行判断了,所以只能通过获取系统信息的方式获取小程序基础库版本,以此来判断。

相关案例查看更多