• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

实现页面跳转

  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人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序页面三种跳转方式发布时间:2022-07-18
下一篇:
小程序开发经验分享发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap