微信小程序返回功能

来源:互联网 发布:京东云服务器绑定域名 编辑:程序博客网 时间:2024/06/05 14:25

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

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.点击搜索框就可以跳转到新页面,可以看到有返回的效果。


0 0
原创粉丝点击