小程序自定义头部(支持自定义返回)

释放双眼,带上耳机,听听看~!

小程序自定义头部(返回)

我们在开发小程序的时候,相信很多时候我们都需要去监听用户的返回操作,然后做一些操作,查看资料发现,小程序并没有这个事件,百度搜索的时候发现,写的也很少,于是自己动手写了一个自定义头部的,并且自定义返回,可以带参什么的,看自己需求,话不多说,上代码:

首先在app.json中window选项定义:

    \"navigationStyle\":\"custom\"

这样,小程序就会支持自定义头部呢。

那么,我们怎么实现自定义头部呢。

<view style=\"position: fixed;width:100%;margin-top:50rpx;position: relative;\">
    <view style=\"position: absolute;width: 40px;text-align: center\" bindtap=\"goback\">></view>
    <view style=\"width: 100%;text-align:center\">自定义头部</view>
  </view>

这是wxml的代码.

js我们应该怎么写呢,只需要几行代码就可以做我们想做的事情了:

goback: function() {
    var pages = getCurrentPages();
    console.log(666,pages);
    wx.navigateBack({
      delta: pages.length-2
    })
  }

这样我们就可以在用户返回的时候去做一些自己要做的了,是不是很简单。

 

当然现在这样还不是很完整,那就是我们在用户返回的时候还需要去做一些操作,例如:

pages=1的时候,用户就不允许返回了。这个代码就再传了。

 

感谢您的浏览!!!!

给TA打赏
共{{data.count}}人
人已打赏
随笔日记

kubernetes实战篇之helm填坑与基本命令

2020-11-9 5:42:18

随笔日记

Java:集合类的数据结构

2020-11-9 5:42:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索