首页 > 编程知识 正文

微信小程序开发主流框架,微信小程序显示不出来

时间:2023-05-03 06:14:57 阅读:114289 作者:1637

1 .小程序的挂接函数

onLaunch :在applet APP启动时运行(全局运行一次) () ) ) ) ) ) ) ) ) ) )。

onLoad :在第一次进入页面之前进入此函数。 类似于vue的created

on ready :类似于vue的mounted。 监听页面的首次渲染已完成

onShow :每次访问此页面时触发

onHide :每次离开此页时都会触发

未加载:卸载页面,vue的beforeDestroy

onError :如果applet发生脚本错误,或者在api调用失败时触发,则会显示错误消息

打开页面不基金会:页面上没有监听函数

onShareAppMessage当用户单击右上角的共享时触发此函数

uni-app挂钩

onLoad页面读取触发事件

onReady页面数据的首次渲染已完成

当onShow页面从后台进入页面时触发

当onHide页面从前台进入后台时触发

从后台卸载onUnload页面时触发,进程终止

onPillDownRefresh用户下拉列表是在页面刷新时触发的

当onReachBottom页面触摸底部时触发

onShareAppMessage用户单击共享时触发

当onPageScroll页面滚动时触发

2 .母语小程序的几种跳跃方法

//可以保留当前页面,跳转到APP中的某个页面,然后使用wx.navigateBack返回原始页面。

//注意:调用navigateTo跳转时,调用方法的页面将添加到堆栈中,而redirectTo则不是

wx.navigate to ({ URL :‘page/home/home? user _ id=007’} )

//关闭当前页面,然后跳转到APP中的某个页面。

wx.redirect to ({ URL :‘page/home/home? user _ id=007’} )

跳转到//tabBar页面(在app.json中注册的tabBar页面),然后关闭其他非tabBar页面。

wx.switch tab (URL :‘page/index/index’)

//关闭所有页面,并在APP中的某个页面上打开。

wx.re lanch ({ URL :‘page/home/home? user _ id=007’} )

//关闭当前页面并返回上一页或多层页面。 可以在getCurrentPages ()中检索当前页面堆栈,并确定需要返回几层。

wx.navigate to ({ URL :‘page/home/home? student _ id=1’} )

wx.navigate to ({ URL :‘page/detail/detail? product _ id=2’}//页b

//跳至页面a

wx.navigateback(Delta: )//要返回的页数(层次)

3 .本地小程序页面组件的跳转

//navigator组件的默认open-type是navigatenavigatorurl='/page/navigate/navigate? title=navigate ' hover-class=' navigator-hover '新页面/navigator//启用了redirect的API的wx.redirect方法navigator URL=跳转到。title=redirect ' open-type=' redirect ' hover-class=' other-navigator-hover '在当前页面上/navigator//swigator 索引'打开-类型='交换机tab ' hover-class=' other-navigator-hover '切换Tab/navigator//关闭支持reLanch的API的所有wx title=redirect ' open-type=' redirect ' hover-class=' other-navigator-hover '页面,然后进行APP应用程序启用了navigateBack的API的wx.navigateBack方法navigator URL='/page/index/index ' open-type=' navigate back ' hover-class

onLoad监听以上一页传递的数据为参数的页面负载。 参数类型为Object (用于页面引用),通过引用示例中的onShow来监听页面显示。 每次页面显示在屏幕上时触发。 这包括完成onReady监听页的首次渲染,该页从较低页面返回并暴露当前页面。 注意如果渲染速度快,onHide监听页隐藏onUnload监听页隐藏onResize监听窗口调整App大小,微信小程序onPullDownRefresh监听用户下拉行为示例参考onReachBottom页面向下滚动的事件(具体请参阅以下注意事项)。 onTabItemTap通过单击tab触发,onShareAppMessage用户通过单击右上角在微信小程序、百度小程序、字节跳动小程序、“支付宝”(Alipay )小程序onPageScroll旁边单击如果Object nvue暂时不支持onNavigationBarButtonTap,则参数会监听本机标题栏上的按钮单击事件。 参数将返回到Object App、H5 onBackPress的监听页,onShareTimeline的监听用户单击右上角以转发到punch witch applet2.8.1.5. uni

uni.$emit(update )、{msg: )页面更新} ) uni.$on )、function )、data ) { { console.log、update、console.log ) uni.$off(add ),this.add )6.uni-app跳转路由

//在第一页跳至test.vue页,输入参数uni.navigateto({URL:'test? id=1name=uniapp'}; uni.redirectto({}; //关闭当前页面、APP中的一个页面uni.Relaunch () ) /关闭所有页面、APP中的一个页面uni.switchtab ) ) /跳转到tabbar页面,以及所有其他非tabbar页面Delta3360}(/关闭当前页面,返回上一页或多层uni.preload page ({ URL : '/pages/test/test ' } )。 //预载页是用于优化性能的技术。 预加载的页面在打开时速度更快。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。