微信小程序学习笔记（3） ---页面跳转

在页面跳转示例中，将提供两种方式进行跳转；

1. 使用 navigator 对 文本控件 进行页面跳转；

在 XXX.wxml 文件中添加

 

<navigator style="display: inline; color: red" url="/pages/mulu/mulu"> 加油</navigator> 

 

 

注：style="display: inline：变成inline属性，方便与其它文本进行同一行显示；

       color: red ：定义文本颜色，为红色；

       url="/pages/mulu/mulu" :声明跳转页地址；

       文档链接：navigator | 微信开放文档 (qq.com) ；

 

 

 

2.使用 bindtap 对 图片控件 进行页面跳转；

在 XXX.wxml 文件 <image> 中添加事件  

          bindtap="bindViewTap"

在XXX.js文件中添加事件逻辑函数

 // 事件处理函数

  bindViewTap()

 {

    wx.navigateTo

　({

      　　 url: '../logs/logs'

    　　// url: '../mulu/mulu'

    })

  },

注：url: '../logs/logs' 为跳转路径地址；

        bindtap        文档链接： 事件 | 微信开放文档 (qq.com) ；

        navigateTo  文档链接： wx.navigateTo(Object object) | 微信开放文档 (qq.com) ；