微信小程序返回功能

yiyingcsdn

于 2017-05-09 15:04:15 发布

阅读量5w

点赞数 1

文章标签：微信小程序返回返回上一页

本文链接：https://blog.youkuaiyun.com/yiyingcsdn/article/details/71473135

版权

本文介绍了如何在微信小程序中实现返回上一页的功能。通过设置搜索框，跳转到搜索页面，并在app.json配置路径，点击搜索框后能够顺利返回前一个页面，展示返回效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面的例子是从首页点击搜索框然后跳转到搜索页面，搜索页面是有返回功能的，可以返回上一个页面。

1.首先在页面写好搜索框。

<view class="search mt20 bd brs2" bindtap="bindFocus">
    <icon type="search" size="20" color="gray" class="search-icon outside fl f14 ml2" />
    <input class="search-input f12 c6 pl" placeholder="请输入搜索内容" disabled="true" />
  </view>

2.在js文件中写入函数。（文件目录结构自己注意一下：index.js与search文件夹是同级）

 bindFocus: function () {
    wx.navigateTo({
      title:"goback",
      url: './search/search'
    })
  }

3.写跳转页面，这里就用search/search.wxml(可以随便写个文字做测试用)

4.在根目录app.json中配置路径。

"pages/index/search/search"

5.点击搜索框就可以跳转到新页面，可以看到有返回的效果。