首页 > 微信 > 详细

微信小程序开发(四)页面跳转

时间:2019-10-12 20:46:07      阅读:126      评论:0      收藏:0      [点我收藏+]

承接上篇博客。

通过点击按钮跳转到新的页面。

先创建新页面home:

技术分享图片

代码如下:

// home.js
Page({})  // 注册页面

// home.json
{}

// home.wxml
<text>home页面</text>

home页面创建好后,去app.json里面配置路径:

// app.json
{
  "pages": [
    "qrcode/index/index",
    "qrcode/home/home"
  ]
}

接下来,去index.js里面写跳转的函数:

// index.js
Page({
  but: function(){
    console.log("你好");
    this.setData(  // 一定要调用this.setData方法
      {},  // 注意这个要保留,原因以后再讲
      function(){
        wx.navigateTo({  // wx是全局的
          "url": "/qrcode/home/home" // 跳转页面的路径
        })
      }
    )
  }
})

保存后,点击按钮,效果如下:

技术分享图片技术分享图片

结束!

 

微信小程序开发(四)页面跳转

原文:https://www.cnblogs.com/aaronthon/p/11663768.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!