微信小程序-跳转url页面

在进行微信小程序开发的时候我们会经常遇到跳转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页面必须存在，否则页面会报错；