0
点赞
收藏
分享

微信扫一扫

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

承接上篇博客。

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

先创建新页面home:

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

代码如下:

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

// home.json
{}

// home.wxml

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" // 跳转页面的路径
})
}
)
}
})

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

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

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

结束!

 



举报

相关推荐

0 条评论