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

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

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
})

微信小程序跳转路由

总结

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

时间: 2020-06-17

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

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

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

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

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

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

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

微信小程序 详解页面跳转与返回并回传数据 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(

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

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

微信小程序 跳转页面的两种方法详解

微信小程序 跳转页面 小程序页面有2种跳转,可以在wxml页面或者js中: 1,在wxml页面中: <navigator url="../index/index">跳转到新页面</navigator> <navigator url="../index/index" open-type="redirect">在当前页打开</navigator> <navigator url="../i

微信小程序 设置启动页面的两种方法

 微信小程序 设置启动页面 在开发微信小程序的时候,除了tabBar上设置的页面之外,想进入肯定要走跳转之类的进入,但是我们开发的时候肯定想要直接看到该页面,那么我们就需要设置一下启动页面了有两种方法. 方法一 在app.json文件中,pages数组,设置在第一个的页面就是默认启动页面,所以你只需要调整你当前开发的页面顺序就好了. 方法二 在编译的地方设置,你只需要设置页面的路径,勾选上"使用以上条件编译",如果页面需要参数,那可以把参数也传上.这样启动的就是你设置的页面. 感谢阅读

详解微信小程序中的页面代码中的模板的封装

详解微信小程序中的页面代码中的模板的封装 最近在进行微信小程序中的页面开发,其实在c++或者说是js中都会出现这种情况,就是相同的代码会反复出现,这就是进行一定的封装,封装的好处就是可以是程序中在于减少一定的代码量,并且可是使代码结构更加清晰.那今天所要记录的就是关于微信小程序中的页面的模板封装. 在微信小程序中的文件名都带有wxml等样式,在wxml中提供了模板,即可以在模板中定义代码片段,然后可以在页面中的不同位置进行调用,模板的定义: <templatename="products&

微信小程序之判断页面滚动方向的示例代码

微信小程序中如果判断页面滚动方向? 解决方案 1.用到微信小程序API 获取页面实际高度 nodesRef.boundingClientRect([callback]) 监听用户滑动页面事件onPageScroll. 2.获取页面实际高度 <!--WXML--> <view id="box"> <view class="list" wx:for="{{List}}" wx:key="List{{index}

微信小程序实现购物页面左右联动

本文实例为大家分享了微信小程序实现购物页面左右联动的具体代码,供大家参考,具体内容如下 效果图: wxml <view class="pro-container"> <scroll-view class="left-menu" scroll-y scroll-with-animation="true" scroll-top="{{leftMenuTop}}"> <view class="