小程序开发总结
小程序开发
浏览:651 次

1.页面跳转
wx。NavigateTo()(保留当前页面并跳转到app中的某个页面。但是,您不能跳转到选项卡页面。您可以使用返回到原始页面。小程序中的页面堆栈最多可以有十层。
)
wx.导航到({
url:'测试?id=1'
})
//测试.js
第页({
onLoad(选项){
console.log(option.query)
}
})
wx。redirectTo()(关闭当前页面并跳转到app中的页面。但是,不允许跳转到选项卡页面。)
wx.重定向到({
url:'测试?id=1'
})
Wx。reLaunch()(关闭所有页面并打开app中的页面)
wx.reLaunch(重新启动)({
url:'测试?id=1'
})
测试页({onLoad(option){console.log(option.query)}})//值
wx。SwitchTab()(跳转到tabBar页并关闭所有其他非tabBar页面)
wx.switchTab({
url:“/index”
})

wx。NavigateBack()(关闭当前页面并返回上一页或多层页面。您可以通过获取当前页面堆栈来决定要返回多少层。
)
//注意:当调用navigateTo进行跳转时,调用此方法的页面将被添加到堆栈中,而redirectTo方法则不会。参见下面的示例代码
//这是A页
wx.导航到({
url:'B?id=1'
})
//这是B页
wx.导航到({
url:'C?id=1'
})
//第C页中的navigateBack将返回到第A页
wx.navigateBack({
增量:2
})
2.微信小程序页面的生命周期功能
mina-lifecycle.png
2.1监听页面加载
onLoad:函数(选项){},
一个页面只能调用一次。您可以通过在onLoad中打开当前页面来获取调用的查询参数。
2.2监听页面的初始渲染完成
onReady:函数(){},
一个页面只能调用一次,这意味着该页面已准备好与视图层交互。
2.3监控页面显示
onShow:函数(){},

每次打开页面时调用一次。
2.4隐藏监控页面
onHide:函数(){},
当navigateTo或底部选项卡切换时调用。
2.5监控页面卸载
onUnload:函数(){},
当redirectTo或navigateBack时调用。
微信小程序appjs特有的功能
2.1.1侦听小程序初始化
onLaunch:函数(){},
小程序初始化完成后,将触发onLaunch(仅全局一次)
2.1.2错误侦听功能
onError:函数(){},
当小程序出现脚本错误或api调用失败时,将触发onError并显示错误消息
3.如何从小程序的两个页面接收值
3.1 URL(在线获取)
3.2缓存
3.3全局app对象
4.单击以获取设置的页面属性
4.1 e.currentTarget.dataset(当前目标数据集)。属性值
5.组件价值转移
6.小程序双向绑定(小程序的this.data属性不能直接同步到视图,必须调用:)
this.set数据({
noBind:真
})