(二)微信小程序:实现页面跳转

时间:2020-04-24 14:26:23   收藏:0   阅读:135

实现页面跳转

  1.快捷创捷另一个界面

    在全局的app.json中添加page目录news,如图:

      技术图片

 

 

  2.在.wxml中的按钮添加事件

    技术图片

 

     明确响应的函数为newsHandler,然后在.js文件中进行函数设置

  3.在.js文件中添加函数

    以下解释了什么是事件+事件的分类

技术图片
//index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    
  },

  /**
   * 事件:
   *    tap、touchstart。。
   *    事件分类:
   *          冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
              非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
         bind、catch
        bindtap   catchtap
        bindtouchstart   catchtouchstart       
  */
  onLoad: function (options) {
    
  },
  newsHandler(event){
      wx.navigateTo({
        url: ‘../news/news‘,
        success:function(){
          console.log("跳转完成");
        }
      })
  }

})
View Code

    代码说明:函数与onload同级,使用wx.navigateTo()

          查看API,看其中的具体参数,如图:

              技术图片

 

   

此节完成了页面跳转,下一节实现焦点轮播图功能~

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!