当前位置:首页 > 微信运营 > 正文

微信小程序跳转页面,微信小程序怎么跳转tabbar页面

2021-07-29 15:17:46 暂无评论 微信运营

微信小程序怎么跳转tabbar页面

一个小程序页面由四个文件组成,分别是:js 页面逻辑 、wxml 页面结构 、wxss 页面样式表 、json 页面配置 。把样式宝贝到当前页面同名的.wxss文件里面就可以了

微信小程序页面可以做动态交互吗

为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。
页面跳转的话就涉及到了多个页面层级

第一种:wx.navigateTo(OBJECT)
保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

OBJECT参数说明:

参数 类型 必填 说明
url String 是 需要跳转的应用内页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’
success Function 否 接口调用成功的回调函数
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行)

onLoad: function(options) {
wx.navigateTo({
url: '../index/index'
})
}
1
2
3
4
5
6
1
2
3
4
5
6
第二种:wx.redirectTo(OBJECT)
关闭当前页面,跳转到应用内的某个页面。

OBJECT参数说明:

参数 类型 必填 说明
url String 是 需要跳转的应用内页面的路径
success Function 否 接口调用成功的回调函数
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行)

onLoad: function(options) {
wx.redirectTo({
url: '../index/index'
})
}
1
2
3
4
5
1
2
3
4
5
第三种:wx.navigateBack(OBJECT)
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。
OBJECT参数说明:

参数 类型 默认值 说明
delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。

onLoad: function(options) {
var pages = getCurrentPages()
var num = pages.length
navigateBack:function(){
wx.navigateBack({
delta: num
})
}
}

微信小程序点击按钮重新加载页面

1,微信小程序有提供一个下拉刷新的功能
2,点击按钮重新加载页面没有任何意义,因为如果你要改变页面显示数据,可以直接(请求接口)改变data数据他会自动重新加载,或者重新调用onLoad里面的方法(一般我们把请求数据都放在onLoad里面),不会像网页那样需要刷新页面
3,如果你硬是要那种效果你可以用页面跳转api跳转到当前页面
wx.switchTab({
url:当前路径
});

博客主人破茧短视频培训
破茧短视频为你分享抖音、快手等短视频平台的视频拍摄、剪辑和运营技巧,另有短视频培训学习教程,海量干货助你玩转短视频运营!。
  • 79731 文章总数
  • 5045301访问次数
  • 2218建站天数