#微信小程序# 在小程序里面退出退出小程序(navigator以及API--wx.exitMiniProgram)

这篇具有很好参考价值的文章主要介绍了#微信小程序# 在小程序里面退出退出小程序(navigator以及API--wx.exitMiniProgram)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需求:

在微信小程序里面,点击“取消”字样即可退出小程序,返回微信聊天界面

效果:

wx.exitminiprogram,vue专栏,uni-app,小程序,微信小程序,小程序,vue.js,前端,前端框架

步骤:

方法一:

直接使用uni-app的组件——navigator,修改参数open-type="exit" target="miniProgram"即可

(直接退出,不需要执行其他操作)

 <navigator open-type="exit" target="miniProgram" >取消</navigator> 

方法二:

使用微信小程序API--wx.exitMiniProgram

(适用于退出时,清除缓存等操作)

设置点击事件:

<view  @click="exitApplet()">取消</view>

设置api(在success函数里面可以写入一些退出小程序时,要执行的操作)

//退出小程序
 exitApplet() {
    wx.exitMiniProgram({
		success: function () {
		postCancelLogin({unique_id:this.unique_id}).then((res => {
			uni.removeStorageSync('iv'); //清除缓存	
		    uni.removeStorageSync('encryptedData');	
			}))
		}	
	}) 
}

 文章来源地址https://www.toymoban.com/news/detail-529210.html

到了这里,关于#微信小程序# 在小程序里面退出退出小程序(navigator以及API--wx.exitMiniProgram)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序 - 点击按钮退出小程序

    前言 有时候,用户需要点击小程序里面的某个按钮时直接退出小程序,而不是点击右上角的关闭按钮将小程序退出 解决方案 官方文档:navigator | 微信开放文档 直接使用navigator组件便可,代码如下:

    2024年02月08日
    浏览(48)
  • 微信小程序的点击效果(支持view、button、navigator)

    查看微信小程序官方文档,我们可以看到button有  通过设置  hover-class ,实现点击态效果,我们可以增强小程序触感,提高用户交互感知度。 话不多说,直接上代码 .wxss文件 .wxml文件 要丰富点击的样式的话,可以自己修改 hover-class的样式

    2024年02月06日
    浏览(41)
  • 微信小程序 navigator 和 wx.navigateTo不跳转问题

    这个问题可能是很多新手会遇到的问题,有经验的人一眼就能看出问题了 1、先确保 app.js  已经注册了页面路径 2、索要跳转的页面不是 tabBar, tabBar 也可以设置 open-type=\\\"switchTab\\\" 跳转 3、我们来一起分析下 先看有问题的代码,看起来很正常 因为用  navigator 跳转不了,我尝试

    2024年02月05日
    浏览(59)
  • 微信小程序实现授权登录及退出

    1.登录获取用户昵称,头像 2.创建云函数 右击新建文件夹cloud 在根目录project.config.json中添加: 右击文件夹cloud选择当前环境 右击文件夹cloud新建Node.js云函数,命名login 在新建文件夹login的index.js文件中: 右击login文件夹选择上传并部署:云端安装依赖(不上传node_modules),显

    2024年02月08日
    浏览(63)
  • 微信小程序里面如何使用svg图片

    首先准备一段svg代码如下: 然后按照下面的格式更改 也打开下面的网址转, https://codepen.io/jakob-e/pen/doMoML 将svg代码贴到下图中红线圈起来的位置,会自动转成base64, 然后将base64代码部分复制下来放到浏览器里面打开,可以看到结果. 最后在小程序里面使用,如下 结果:

    2024年02月11日
    浏览(67)
  • 微信小程序 - 实现点击按钮退出小程序的解决方案

    在微信小程序开发中,有时候我们需要在小程序中提供一个按钮,使用户能够方便地退出小程序。本篇文章将介绍一种简单的解决方案,通过点击按钮来实现退出小程序的功能。 首先,我们需要在小程序的页面中添加一个按钮,用户可以点击该按钮来退出小程序。在小程序的

    2024年01月22日
    浏览(53)
  • 微信小程序在双大括号{{}}里面写方法

    这样写是不行的 因此我们可以这样: 1.新建一个.wxs文件,然后将方法暴露出来 2.在.wxml文件中引入并使用 这样我所需要的参数就返回了

    2024年02月11日
    浏览(37)
  • WebView引入的页面如何实现交互。通过webview方式嵌套在小程序里面的页面如何实现保存到相册的功能

    通过 WebView 方式嵌套在小程序中的页面,保存图片到相册的功能需要借助 WebView 的内部通信机制。以下是实现步骤: 1. 小程序端,给 WebView 组件添加一个监听事件,以便接收来自 WebView 页面的消息: ```html web-view src=\\\"your-website.com domain name is for sale. Inquire now.\\\" bindmessage=\\\"handle

    2024年01月17日
    浏览(39)
  • 【2023最新】微信小程序中微信授权登录功能和退出登录功能实现讲解

    教学视频地址: 视频地址 大家要跟着我的教学视频去配套着看代码,了解整个登录流程的实现思路最重要! 以上是我列出的 主要实现代码 , 页面样式那些根据自己需求去实现 ,我这就不贴了。

    2024年02月08日
    浏览(61)
  • 微信小程序 rich-text富文本框 怎么设置里面节点的样式

    1、 在JS中我们获取数据,在没有类名的情况下 使用正则匹配你想要添加演示的节点  res[1].data[0].f_content为rich-text里面的节点 如图  代码:让获取的节点中的图片的最大宽度为100%,高度为auto 初始状态:图片超过div            效果:  

    2024年02月16日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包