微信小程序返回上一级页面的实现代码

微信小程序返回上一级页面

wx.navigateBack({ delta: 1 //返回上一级页面})

html：

<view class="refusea_btn">
    <van-button type="primary" size="large" bind:tap="submit">保存</van-button>
</view>

js:

//提交
 submit(){
  let data = this.data;
  let params = data.AddressVo;
  if(params.name == ""){
   wx.showToast({
    icon: "none",
    title:"请输入发货人姓名"
   })
   return
  }
  if(params.mobile == ""){
   wx.showToast({
    icon: "none",
    title:"请填写手机号"
   })
   return
  }
  if(params.address == ""){
   wx.showToast({
    icon: "none",
    title:"请选择收货地址"
   })
   return
  }
  if(params.addressDetail == ""){
   wx.showToast({
    icon: "none",
    title:"请填写详细收货地址"
   })
   return
  }
  POST('/store/saveShipAddress', params).then(res => {
   if(res.code === 200){
    wx.showToast({
     icon:'success',
     title:'保存成功！'
    })
    setTimeout(item => {
     wx.navigateBack({
      delta: 1 //返回上一级页面
     })
    },2000)
   }else{
    wx.showToast({
     icon:'none',
     title:'保存失败'
    })
   }
  })
 },

ps：下面看下微信小程序返回上一级关闭当前页面

/返回上一级关闭当前页面
wx.navigateBack({
 delta: 1
})

微信小程序跳转路由

总结

到此这篇关于微信小程序返回上一级页面的实现代码的文章就介绍到这了,更多相关微信小程序返回上一页面内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 微信小程序 详解页面跳转与返回并回传数据

    微信小程序 详解页面跳转与返回并回传数据 A页面: .wxml文件 <view class="flex-wrp"> <text style="width: 32%;">选择城市</text> <input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" valu

  • 微信小程序返回多级页面的实现方法

    微信小程序返回多级页面的实现方法 微信小程序开发中,返回上一页是很普遍的操作,最常见的是点击手机的返回键和点击自定义的按钮返回上一页这两种情况.点击手机的返回键我们不需要做处理,如果是自定义按钮实现返回效果,就要调用微信提供的API: wx.navigateBack(OBJECT) 也可以通过 wx.navigateBack 方法实现返回多级页面,只要设置 delta 的值就可以: //在C页面内 navigateBack,将返回A页面,delta = 1 时与 wx.navigateBack(

  • 详解微信小程序胶囊按钮返回|首页自定义导航栏功能

    项目代码:https://github.com/Shay0921/header-navbar.git 在小程序中,从转发出来的小程序消息卡片进入,因为页面栈中只有一个,所以不会出现返回按钮,对于一些电商平台来说,当商品被转发后会很影响客户查看其它产品和首页,这时候就需要使用自定义导航栏自己写一个"胶囊按钮".如下图所示: 从别的页面点到商品页时会有返回和首页按钮: 当从分享页进入到商品页时,因为页面栈只有一个,所以只有首页按钮: 首先我们需要如何开启自定义导航栏,查看手册后会发现一个页

  • 微信小程序之分享页面如何返回首页的示例

    微信小程序之分享页面如何返回首页的示例

    做小程序开发发现,页面分享出去后,用户通过分享进去的页面很难找到返首页的情况.(微信官方操作是点击右上角三个点,在手机下方显示返回首页).民间很多方案是自己在页面加个悬浮Home标注. 今天我分享另外一种方法.请看下面.gif; 有没有发现,左上角有返回按钮了.原理简单,在你要分享的页面,分享配置时配置你的首页,并带上对应的参数,在首页 onLoad方法中可以获取.代码如下: <!--index.wxml--> <view class="container">

  • 微信小程序返回上一页传参并刷新过程解析

    这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 问题 微信小程序onLoad(options)方法在整个生命周期中只加载一次,也就是你进入下个页面,再返回时,是不会再次触发的,所以你返回是url传参是行不通了. 需求 现在有这么一个需求:一个商品支付页面,点击优惠卷进入优惠券列表页,选中优惠券后带着数据再返回到支付页面. 方法 一.使用到的方法是小程序的页面栈,感兴趣可以打印一下pages

  • 微信小程序返回上一级页面的实现代码

    微信小程序返回上一级页面 wx.navigateBack({ delta: 1 //返回上一级页面}) html: <view class="refusea_btn"> <van-button type="primary" size="large" bind:tap="submit">保存</van-button> </view> js: //提交 submit(){ let d

  • 微信小程序返回上一页的各种方法实例

    目录 一.方法罗列 二.讲解 三.常用案例 四.总结 补充:微信小程序如何返回上一个页面并刷新上一个页面 总结 返回上一页,一共有4中方法,每种方法都有不一样细节 一.方法罗列 函数 说明 navigator 保留当前页面,在wxml使用 wx.navigateTo 保留当前页面,在js使用 wx.redirectTo 不保留当前页面,在js使用 wx.switchTab 不保留当前页面,跳转到tabBar页 二.讲解 1️⃣ navigate <navigator url=".路径&qu

  • 微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】

    微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】

    本文实例讲述了微信小程序返回上一级页面并刷新操作.分享给大家供大家参考,具体如下: 在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack方法中,返回上一页是不会刷新的.如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触发. onLoad(Object query):页面加载时触发.一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数. onShow:页面显示/切入前台时触发. 值得注意

  • 微信小程序返回箭头跳转到指定页面实例解析

    微信小程序返回箭头跳转到指定页面实例解析

    这篇文章主要介绍了微信小程序返回箭头跳转到指定页面实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 onUnload: function () { wx.reLaunch({ url: '../me/order-detail', }) }, //这里url搞相对路径 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们.

  • 微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】

    本文实例讲述了微信小程序实现上拉加载功能.分享给大家供大家参考,具体如下: 开发需求 进入页面,加载初始数据,当向上拖动页面至底部,自动加载新的数据,即上拉加载更多数据. 演示 index.wxml <!-- 数据列表 --> <view wx:for="{{listdata}}" wx:key="listdata" class='listitem'> <view class='title'>{{item.title}}</

  • 微信小程序学习笔记之页面配置与路由方式

    最近在学习回顾小程序的开发,将一些学习结果做个笔记.参考微信小程序官方文档:developers.weixin.qq.com/miniprogram- 一.小程序配置 1.全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. // 示例 { "pages": [ "pages/index/index", "pages/logs/index" ], &q

  • 微信小程序左右滑动切换页面详解及实例代码

    微信小程序--左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend. 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标. touchstart在触摸开始时触发事件; touchend在触摸结束时触发事件; touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmov

  • 微信小程序 生命周期和页面的生命周期详细介绍

    微信小程序 生命周期和页面的生命周期详细介绍

    微信小程序 生命周期和页面的生命周期详解: 1.小程序的生命周期--App.js App() 必须在 app.js 中注册,且不能注册多个.所以App()方法在一个小程序中有且仅有一个. App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等.先上代码: App({ onLaunch: function () { console.log('App onLaunch'); }, onShow:function (){ console.log('App onS

随机推荐