码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2020-04-24 14:26:23      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:opened   bin   另一个   alt   image   ima   数据   UNC   节点   

实现页面跳转

  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,看其中的具体参数,如图:

              技术图片

 

   

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

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

标签:opened   bin   另一个   alt   image   ima   数据   UNC   节点   

原文地址:https://www.cnblogs.com/happy-prince/p/12767141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!