<!-- index.wxml -->
<view>
<button bindtap="navigateToPage">仿原生跳转</button>
</view>
// index.js
Page({
navigateToPage: function () {
wx.navigateTo({
url: '/pages/targetPage/targetPage', // 替换为实际的目标页面路径
});
},
});
这个示例中,用户点击按钮后会触发 navigateToPage 函数,然后使用 wx.navigateTo 方法进行页面跳转。在实际项目中,你需要将 /pages/targetPage/targetPage 替换为你想要跳转的目标页面的路径。
需要注意的是,在小程序中页面的路径是相对于小程序根目录的,因此确保路径的正确性。
如果你希望进行页面关闭并跳转,可以使用 wx.redirectTo 方法。跳转时携带参数可以使用 url 中的 query 参数。
// 传递参数
wx.navigateTo({
url: '/pages/targetPage/targetPage?param1=value1¶m2=value2',
});
// 在目标页面获取参数
// targetPage.js
Page({
onLoad: function (options) {
// 获取参数
const param1 = options.param1;
const param2 = options.param2;
},
});
这样就可以在目标页面中获取传递的参数了。请注意在实际开发中,要考虑用户体验和页面之间的数据传递。
转载请注明出处:http://www.pingtaimeng.com/article/detail/740/微信小程序