微信小程序开发（五）————页面跳转

今天我给大家讲一下如何进行页面跳转.

大家在pages目录下面自行创建一个目录，名字叫做post，并且在post目录下面分别创建post.wxml、post.wxss、post.js文件。创建完之后如图所示：

post目录

然后我们去app.json文件的去把post目录的路径写在pages数组里面，如图所示：

注意post目录路径不要放在第一个，因为pages数组里面，哪个路径在第一个，那么就先显示那个路径对应的界面，我们当然是先呈现首页界面，所以我们仍然是让“pages/welcome/welcome”路径放在第一个。然后在post.wxml文件里面写一段话如:”hello world！“，这个时候大家编译一下，很明显，界面上呈现的仍然是首页，那么我们怎么让它跳转呢，这时候就该用到welcome.js文件。

在这里我先给大家介绍一个专用名词————事件，就比如说我们这个跳转，其实就是个点击事件，因为我们点击一下矩形框才会进行跳转，这个事件的名称叫做bindtap，和网站开发中的click事件一样，都是点击时触发的事件，我们把它写在矩形框的那个view标签里面，如图所示：

bindtap=“go”的意思就是我点击时触发一个事件，这个事件名称叫做go，我们需要去welcome.js文件中去编写go事件.

进入welcome.js文件中，首先先输入page这个单词，然后按一下回车，就出现如图所示的情况：

 

go事件代码,如图：

go事件

记住了，在js里面写事件就是按照上图的格式写，即事件名：function（）{操作}，我们来看一下操作，wx.redirectTo({url:"../post/post"})，这句话的意思就是跳转的意思，url就是我要跳转的路径，跳转效果,如图：

跳转还有一个方法叫做wx.navigateTo方法。

wx.navigateTo方法会自动为跳转到的页面添加返回按钮.