微信小程序-跳转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页面必须存在,否则页面会报错;

猜你喜欢

转载自blog.csdn.net/xuxinwen32/article/details/87631190