微信小程序实现页面的简单跳转

     完成简单的页面显示之后,首先想到的第一个问题是:怎么跳转到其他页面的?去查了一下文档:

在组件里面有个导航  navigator   ------  https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html

 

在跳转之前别忘了在app.josn文件里面新增路径(以pages/new/new为例):

 

 

接下来在你要操作的 wxml文件中某处设置一个事件:

 

然后在js文件中编写事件的过程:

 

最后点击"点击跳转",结果如下:

 

还有一种写法:直接在wxml 文件里面直接写

<navigator url="pages/new/new" >点击跳转</navigator>

 

posted @ 2017-07-05 17:40  Anetye  阅读(1372)  评论(0编辑  收藏  举报