1、生命周期-页面钩子函数:只能在页面内调用,在组件内调用无效
2、需要刷新组件:组件调用 onShow钩子函数无效。
只能在组件的页面内调用onShow钩子函数,不能在组件内调用。
可以从钩子函数内获取子组件的数据与方法去刷新子组件。
问题:页面调用onShow钩子函数时,也许组件还未渲染,所以使用 ref 获取不到,需要在 $nextTick()函数内去获取子组件
3、设置底部导航栏的角标(数值或是红点)。index:索引、text:显示数字
效果:
5、在uniapp内使用$refs获取元素。
(首先不能是uniapp自己的内置元素)
(若元素v-if 为false,则不存在元素所以获取不到)
(需要在渲染或更新完成后才会有,所以需要在挂载后的生命周期里使用,或者是结合this.$nextTick()中使用)
6、uView组件库中的(loadMore 加载更多)组件
onReachBottom(){}函数会自行调用,无需在元素内引用
onReachBottom(){}函数若可以触发,则上拉会一直触发,不会像点击函数一样因为组件的状态值status不等于 “ loadmore ” 而不调用函数(会一直请求数据,可优化)
注意:onReachBottom(){}函数和onShow()钩子函数一样,需要写在页面内,上拉才会有效触发,写在组件内无效
解决办法:可在父组件内触发后,父子通信去处理
7、uniapp的配置与页面跳转(朋友bug)
在 pages.json 文件中配置路由,配置到 "pages":[] 中去
配置的路径不带根斜杠: / ,如( "path":"page/sys/home/index" )
跳转的目录则需要带上根斜杠: / , 如( url:"/page/sys/home/index" )
注意:跳转时不带 根斜杠:/ , 则实际跳转为如下状态
8、内网穿透
(https://blog.csdn.net/weixin_42063820/article/details/124563983)
9、监听页面滚动(子组件滚动也可以监听)
使用 onPageScroll() 生命周期函数