wx.navigateTo() 方法的使用

`wx.navigateTo()` 是微信小程序中用于页面跳转的方法之一。它可以在当前页面栈中打开新的页面，并保留当前页面，允许用户返回到上一个页面。下面是 `wx.navigateTo()` 方法的使用示例：

wx.navigateTo({
  url: '/pages/record/record'
});

在这个示例中，我们使用 `wx.navigateTo()` 方法来跳转到 "/pages/record/record" 页面。

- `url` 参数指定了跳转的目标页面路径。路径可以是相对路径或绝对路径。相对路径是相对于当前页面的路径，绝对路径是相对于小程序根目录的路径。

需要注意的是，`wx.navigateTo()` 方法只能在页面的 js 文件中使用，不能在组件中使用。同时，跳转的目标页面也需要在小程序的配置文件（app.json）中进行配置。

如果需要在跳转后关闭当前页面，可以使用 `wx.redirectTo()` 方法。如果需要跳转到 tabBar 页面，可以使用 `wx.switchTab()` 方法。

希望这个示例能帮到你！如果还有其他问题，请随时提问。

相关问题

gotoPage(event) { const option = event.currentTarget.dataset.option if (option.title === '合同签署') { wx.navigateTo({ url: option.path + "?indexSource=divide" }) } else if (option.title === '提车管理') { wx.navigateTo({ url: option.path + "?indexSource=collection" }) } else if (option.title === '我的订单') { wx.navigateTo({ url: option.path + "?indexSource=order" }) } else if (option.title === '新车入库') { wx.navigateTo({ url: option.path + "?carType=2" }) } else if (option.title === '旧车入库') { wx.navigateTo({ url: option.path + "?carType=3" }) } else { wx.navigateTo({ url: option.path }) } }, 优化

优化这段代码的一个方法是使用一个对象字典来存储`option.title`与对应的参数值，然后根据`option.title`从字典中获取参数值。这样可以避免多个`if-else`语句，使代码更简洁可读。以下是优化后的代码示例：

gotoPage(event) {
  const option = event.currentTarget.dataset.option;

  const optionParams = {
    '合同签署': { path: option.path, indexSource: 'divide' },
    '提车管理': { path: option.path, indexSource: 'collection' },
    '我的订单': { path: option.path, indexSource: 'order' },
    '新车入库': { path: option.path, carType: 2 },
    '旧车入库': { path: option.path, carType: 3 }
  };

  const params = optionParams[option.title] || {};

  wx.navigateTo({
    url: option.path + this.buildQueryString(params)
  });
},

buildQueryString(params) {
  const queryString = Object.keys(params)
    .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`)
    .join('&');

  return queryString ? `?${queryString}` : '';
}

在上述代码中，我们创建了`optionParams`对象字典，将每个`option.title`对应的参数值以键值对的形式存储在字典中。然后，使用`optionParams[option.title]`来获取对应的参数值，如果没有找到对应的参数值，则默认为空对象。最后，使用`this.buildQueryString(params)`函数构建查询字符串，并将其添加到导航URL中。

这种优化方法可以使代码更清晰、更易于维护，并减少重复的逻辑判断。希望对您有所帮助！如果您有任何其他问题，请随时提问。

wx.navigateto和wx.redirectto

wx.navigateTo和wx.redirectTo是微信小程序中的两个页面跳转方法。

wx.navigateTo可以在当前页面打开一个新页面，新页面可以通过返回按钮返回到原页面。

wx.redirectTo可以关闭当前页面并打开一个新页面，新页面无法通过返回按钮返回到原页面。

两者的区别在于是否关闭原页面，根据实际需求选择使用。