微信小程序坑之[页面跳转]（微信小程序 跳转页面）

闲来无事，学一下微信小程序的开发。

基本流程很简单

https://developers.weixin.qq.com/miniprogram/dev/

根据微信官方教程来就行，注册一下得到一个appid

然后按照官方指示，下载开发软件。安装即可。项目结构如图所示：

然后你就能快乐的玩耍小程序了。

此篇文章主要记录，在学习小程序之中遇到的各种坑，也算是一个记录。

好了，说正事。

文件跳转的坑。

我们看一下官方文档，位置如下

小程序中跳转方法有两种：

一：（函数）

模块中有点击事件,bindtap或者catchtap这种，在本页面的js里设置函数

dev.wxml：

<button type="default" bindtap="goToPage">跳转页面</button>

dev.js：

 goToPage: function () {
 wx.navigateTo({
 url: "../logs/logs",
 success: function () {
 console.log('跳转到news页面成功')// success 
 },
 fail: function () {
 console.log('跳转到news页面失败') //fail
 }
 })
 }

二：使用标签

两种方案;

页面绝对路径：

 <navigator open-type="navigateTo" url="/pages/logs/logs">跳转页面</navigator>

页面相对路径：

 <navigator open-type="navigateTo" url="../logs/logs">跳转页面</navigator>

通过如上两种方式，都不能完成跳转，于是去必应上搜索。有个网友最后有一句话：

注意：如果app的配置文件中的tabBar里有pagePath指向目标页面，navigator就不能正常运行，所以要删掉tabBar的内容

果然，删掉tabBar里面的路由信息，跳转正常。