在进行微信小程序开发的时候我们会经常遇到跳转url页面的操作,那么微信官方也为我们提供了相应的方法,现在将常用的两种方法举例出来,供大家参考:
方法一 wx.navigateTo跳转链接:
<!-- index.wxml页面-->
<!-- 第一种方法跳转链接 bindtap 相当于jQuery中的click事件 -->
<button type="primary" bindtap="toLogs">跳转到日志页</button>
<!-- index.js页面-->
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
toLogs: function (e) {
wx.navigateTo({ //通过微信小程序的 wx.navigateTo进行跳转链接
url: '/pages/logs/logs',
});
}
})
方法二 通过标签navigator跳转链接:
<navigator url="/pages/logs/logs">
<button type="warn">跳转到日志页</button>
</navigator>
注意:跳转链接的url页面必须存在,否则页面会报错;