1. wx.navigateTo 和 wx.redirectTo:
这两个方法用于导航到新的页面或替换当前页面,它们会打开新页面并关闭当前页面。
// 导航到新页面
wx.navigateTo({
url: '/pages/next-page/next-page'
});
// 替换当前页面
wx.redirectTo({
url: '/pages/another-page/another-page'
});
2. wx.navigateBack:
返回上一页,相当于浏览器的后退操作。
wx.navigateBack();
3. wx.switchTab:
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
wx.switchTab({
url: '/pages/tab-bar-page/tab-bar-page'
});
4. wx.reLaunch:
关闭所有页面,打开到应用内的某个页面。
wx.reLaunch({
url: '/pages/first-page/first-page'
});
5. wx.showModal:
显示模态对话框。
wx.showModal({
title: '提示',
content: '这是一个模态对话框',
success(res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
6. wx.showToast:
显示消息提示框。
wx.showToast({
title: '操作成功',
icon: 'success',
duration: 2000
});
7. wx.showLoading 和 wx.hideLoading:
显示和隐藏加载提示框。
wx.showLoading({
title: '加载中...'
});
// 在某个异步操作完成后隐藏加载框
wx.hideLoading();
8. wx.setNavigationBarTitle:
设置当前页面的标题。
wx.setNavigationBarTitle({
title: '新标题'
});
9. wx.setNavigationBarColor:
设置导航栏颜色。
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#00aaff'
});
10. wx.setTabBarBadge 和 wx.removeTabBarBadge:
设置和移除 tabBar 某一项的右上角的文本。
wx.setTabBarBadge({
index: 2,
text: '3'
});
// 移除 tabBar 某一项的右上角的文本
wx.removeTabBarBadge({
index: 2
});
以上是一些窗口相关的常见 API。具体使用方法取决于你的需求和项目结构。
转载请注明出处:http://www.zyzy.cn/article/detail/1020/微信小程序