在微信小程序中,原生跳转通常指的是使用 wx.navigateTo 或 wx.redirectTo 这样的微信小程序原生页面跳转方式。下面是一个简单的仿原生跳转的示例,演示如何在小程序中进行页面跳转:
<!-- 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&param2=value2',
});

// 在目标页面获取参数
// targetPage.js
Page({
  onLoad: function (options) {
    // 获取参数
    const param1 = options.param1;
    const param2 = options.param2;
  },
});

这样就可以在目标页面中获取传递的参数了。请注意在实际开发中,要考虑用户体验和页面之间的数据传递。


转载请注明出处:http://www.pingtaimeng.com/article/detail/740/微信小程序