uniapp中怎么使用折线图(uniapp使用图表)

lxf2023-04-25 21:00:01

如何在uniapp中使用scrpll-view组件实现下拉刷新?下面这篇文章将介绍uniapp使用scroll-view自定义下拉刷新的方法,希望对大家有所帮助!

uniapp中怎么使用折线图(uniapp使用图表)

Uniapp下拉刷新刷新

uniapp下拉刷新有两种方法, 一是整体下拉刷新, 使用页面生命周期函数onPulldownResh; 另一种是局部下拉刷新,又称自定义下拉刷新, 在scrpll-view组件中使用自定义下拉刷新事件。

1.刷新整个页面(onPullDownRefresh)

在 js 中定义 onPullDownRefresh 处理函数(与onload等生命周期函数同级),监控页面用户下拉刷新事件。【官方文档】这里就不多介绍了!今天的重点如下

二、自定义页面刷新(scroll-view)

组件中遇到的问题

  • 不能触发下拉(原因排查)

    1、scroll-view组件外部没有view包裹. 虽然官网没有说这个问题, 但是如果外部没有view单独包裹这个组件, 没有办法触发scroll-view组件中的事件。

    2、scroll-view没有设置固定高度, 在css中设置height, 设置高度就在高度区域显示. 例如,设置为50vh(100vh为全屏), 组件中的内容只会在半屏上下滚动,不会触发page的滚动条,只会触发page的滚动条scroll-view的滚动条. 若高度不好给出确定值, 可以使用scss(lang=