Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yangkaifeng
uni-app
提交
cd8db3dc
U
uni-app
项目概览
yangkaifeng
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
3
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
cd8db3dc
编写于
9月 02, 2019
作者:
W
wanganxp
提交者:
GitHub
9月 02, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update lifetime.md
上级
95ccc514
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
7 addition
and
5 deletion
+7
-5
docs/collocation/frame/lifetime.md
docs/collocation/frame/lifetime.md
+7
-5
未找到文件。
docs/collocation/frame/lifetime.md
浏览文件 @
cd8db3dc
...
...
@@ -24,7 +24,7 @@
|onShow|监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面|||
|onReady|监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发|||
|onHide|监听页面隐藏|||
|onUnload|监听页面卸载|||
|onUnload|监听页面卸载|||
|onResize|监听窗口尺寸变化|5+App、微信小程序||
|onPullDownRefresh|监听用户下拉动作,一般用于下拉刷新,参考
[
示例
](
api/ui/pulldown
)
|||
|onReachBottom|页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据。具体见下方注意事项|||
...
...
@@ -42,7 +42,7 @@
如使用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档
``onPageScroll``
(监听滚动、滚动监听、滚动事件)参数说明:
|属性|类型|说明|
...
...
@@ -50,7 +50,9 @@
|scrollTop|Number|页面在垂直方向已滚动的距离(单位px)|
**注意**
-
`onPageScroll`
里不要写交互复杂的js,比如频繁修改页面。因为这个生命周期是在渲染层触发的,js是在逻辑层执行的,两层之间通信是有损耗的。如果在滚动过程中,频发触发两层之间的数据交换,可能会造成卡顿。
-
`onPageScroll`
里不要写交互复杂的js,比如频繁修改页面。因为这个生命周期是在渲染层触发的,在非h5端,js是在逻辑层执行的,两层之间通信是有损耗的。如果在滚动过程中,频发触发两层之间的数据交换,可能会造成卡顿。
-
如果需要滚动吸顶固定某些元素,可以参考使用css的粘性布局,参考
[
插件市场
](
https://ext.dcloud.net.cn/plugin?id=715
)
。插件市场也有其他js吸顶的插件,但性能不佳,需要时可自行搜索。
-
在App、微信小程序、H5中,也可以使用wxs监听滚动,
[
参考
](
https://uniapp.dcloud.io/frame?id=wxs
)
;在app-nvue中,可以使用bindingx监听滚动,
[
参考
](
https://uniapp.dcloud.io/use-weex?id=nvue-%e9%87%8c%e4%bd%bf%e7%94%a8-bindingx
)
。
``onTabItemTap``
参数说明:
...
...
@@ -97,11 +99,11 @@ export default {
|created|在实例创建完成后被立即调用。
[
详见
](
https://cn.vuejs.org/v2/api/#created
)
|||
|beforeMount|在挂载开始之前被调用。
[
详见
](
https://cn.vuejs.org/v2/api/#beforeMount
)
|||
|mounted|挂载到实例上去之后调用。
[
详见
](
https://cn.vuejs.org/v2/api/#mounted
)
注意:此处并不能确定子组件被全部挂载,如果需要子组件完全挂载之后在执行操作可以使用
```$nextTick```
[
Vue官方文档
](
https://cn.vuejs.org/v2/api/#Vue-nextTick
)
|||
|beforeUpdate|数据更新时调用,发生在虚拟 DOM 打补丁之前。
[
详见
](
https://cn.vuejs.org/v2/api/#beforeUpdate
)
|仅H5平台支持||
|beforeUpdate|数据更新时调用,发生在虚拟 DOM 打补丁之前。
[
详见
](
https://cn.vuejs.org/v2/api/#beforeUpdate
)
|仅H5平台支持||
|updated|由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。
[
详见
](
https://cn.vuejs.org/v2/api/#updated
)
|仅H5平台支持||
|beforeDestroy|实例销毁之前调用。在这一步,实例仍然完全可用。
[
详见
](
https://cn.vuejs.org/v2/api/#beforeDestroy
)
|||
|destroyed|Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
[
详见
](
https://cn.vuejs.org/v2/api/#destroyed
)
|||
**注意**
-
nvue 页面支持的生命周期参考:
[
nvue 生命周期介绍
](
/use-weex?id=生命周期
)
。
\ No newline at end of file
-
nvue 页面支持的生命周期参考:
[
nvue 生命周期介绍
](
/use-weex?id=生命周期
)
。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录