您现在的位置是:网站首页> 编程资料编程资料
关于uniapp中onReachBottomDistance属性的使用_javascript技巧_
2023-05-24
311人已围观
简介 关于uniapp中onReachBottomDistance属性的使用_javascript技巧_
uniapp中onReachBottomDistance属性的使用
关于uniapp中onReachBottomDistance在pages.json中的有什么作用一直搞不清楚,通过一个案例让我们来了解它的用处。
代码:
"style": { "onReachBottomDistance":100, "navigationBarTitleText": "购物车", "enablePullDownRefresh": true, "app-plus":{ "pullToRefresh": { "support": true, "color": "#fa436a", "style": "default" } }购物车页面呀!!!!!
**注意:**在这里页面的高度一定大于可视高度,可以理解为要出现滚动条。这样页面的onReachBottom事件才会触发。
希望通过这个案例大家对uniapp中配置onReachBottomDistance的用处有了一定的了解
uniapp onReachBottom 触底事件
onReachBottom
属于uniapp 钩子函数 可以直接使用
onReachBottom 是触底函数 是相对于整个页面,局部页面滚动不支持,请不要使用。
如果 onReachBottom 函数不生效 说明没有触底。触底了就一定执行。

为了我实现效果onReachBottomDistance 配置的大一点

执行了

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
相关内容
- JavaScript延迟加载之async与defer的应用_javascript技巧_
- 关于el-select组件设置默认值的实现方式_vue.js_
- JavaScript 逻辑且(&&)和逻辑或(||)的运用小结_javascript技巧_
- 一文学会如何升级npm管理的各依赖版本_node.js_
- JS中art-template模板使用过滤器问题_javascript技巧_
- Node.js实现下载文件的两种实用方式_node.js_
- @vue/cli4升级@vue/cli5 node.js polyfills错误的解决方式_vue.js_
- js通过var定义全局变量与在window对象上直接定义属性的区别说明_javascript技巧_
- 如何使用moment.js获取本周、前n周、后n周开始结束日期及动态计算周数_javascript技巧_
- Vue取消Axios发出的请求_vue.js_
