首页 > 编程语言 >微信小程序开发页面下拉刷新和scrollview

微信小程序开发页面下拉刷新和scrollview

时间:2023-04-23 11:08:43浏览次数:37  
标签:微信 程序开发 scrollerview scrollview 刷新 页面

问题背景

本文主要介绍微信小程序开发过程实现页面下拉刷新以及scrollview组件实现下拉刷新,以及二者的关系。

问题分析

微信小程序开发过程,如果要实现页面刷新以及scrollerview下拉刷新,步骤如下: (1)页面独立配置 在对应页面的json文件中配置属性:

"enablePullDownRefresh":true

(2)项目整体配置 在app.json中window对应内容增加属性配置:

  "window": {
    ...,
    "enablePullDownRefresh":true
  },

(3)scrollerview配置下拉刷新:

<scroll-view class="scroll-view_H" scroll-y="true" refresher-enabled="true" 
    bindrefresherrefresh="handleRefresher" refresher-triggered="{{isTriggered}}">
    //如果只开启refresher-enabled="true" 页面只会下拉刷新,但是不会回去,下拉刷新的图标一直存在,为false后会退出刷新

(4)系统页面下拉刷新和scrollerview的下拉会冲突,页面下拉刷新会被禁用。 image.png

问题总结

本文主要介绍微信小程序开发过程实现页面下拉刷新以及scrollview组件实现下拉刷新,以及二者的关系,有兴趣的同学可以进一步深入研究。

标签:微信,程序开发,scrollerview,scrollview,刷新,页面
From: https://blog.51cto.com/baorant24/6216839

相关文章

  • Mac多开微信
    使用Linuxnohup命令实现,将微信主程序输出到一个“黑洞”里,即使此时关掉终端也不会影响双开微信的运行。将以下代码复制到终端(Teriminal)运行,即可开启第二个微信,开启后,关闭终端也可以正常运行。nohup/Applications/WeChat.app/Contents/MacOS/WeChat>/dev/null2>&1弊端是每......
  • 微信JS-SDK出现“invalid signature”的问题时该如何解决
    最近我在帮助前端生成微信JS-SDK分享签名时,遇到了一个问题,即wx.config初始化一直报invalidsignature的错误,我想总结一下我排查这个问题的过程。官方文档中已经说了详细介绍了排查过程,如下图所示: 校验工具校验签名过程首先我在微信提供的签名校验工具中比对了接口生成......
  • 微信小程序-小程序事件冒泡和事件捕获
    !>小程序当中的时间捕获与时间冒泡与原生JS的是一样的这里我就来直接上代码来演示一下在微信小程序当中的时间冒泡与捕获,关于时间的捕获与冒泡可以参考我JS文章里面的介绍即可。事件捕获index.wxml:<viewclass="one"capture-bind:tap="onOneClick"><viewclass="two"captu......
  • 微信小程序-小程序事件绑定
    什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如id,dataset,touches。常见事件tap:手指触摸后马上离开longpress:手指触摸后,超过350ms......
  • 微信小程序-事件传递数据
    事件对象小程序在触发事件监听方法的时候会自动传递一个事件对象给我们,通过这个事件对象我们可以拿到页面传递过来的一些数据。事件对象的作用拿到触发事件的元素:currentTarget拿到触发事件的位置:detail拿到从页面传递过来的数据:dataset/mark页面传递数据的方法datasetmark通......
  • 用 python 上传文件到微信小程序云存储
    前言小程序上了云托管后不打算继续使用其他图床,而是使用云托管自带的图床。而由于时间紧迫只能在本地使用云托管提供的服务器调用对象存储api云托管上传文件的文档在这里上传文件文档如果你上传带有中文名的文件,或者上传的路径有中文名时,需要修改一下requests库的源码,否......
  • 微信小程序:uni-app页面Page和组件Component生命周期执行的先后顺序
    目录H5微信小程序测试代码文档页面生命周期https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle组件生命周期https://uniapp.dcloud.net.cn/tutorial/page.html#componentlifecycle经测试,得出结论:H5和微信小程序的生命周期函数调用顺序不一致H5pagebeforeCreatepag......
  • 微信小程序Image标签 mode=“widthFix” 问题
    微信小程序中加载图片时,如果只设定图片宽度,希望添加mode='widthFix'来自适应<Imagemode="widthFix"className={s.img]}src={ImgSource.iconLogin}/>.img{width:100%;}但是这时会出现一个问题:当页面刚打开时,会闪动一瞬间,之后才会变成自适应的高度,很影响体......
  • 微信小程序加载第三方字体
    一、加载本地字体做小程序项目时,有时为了提升页面展示效果,会引入一些第三方字体,引入方式如下代码片段/*直接在app.css引入*/@font-face{font-family:"alifont";//是你封装的名字src:url('./static/css/subset-AlibabaPuHuiTiR.ttf')format('truetype');//你......
  • Go程序开发快速入门
    当进行Go程序开发时,需要注意以下几点:1、代码可读性:尽可能使用有意义的变量名和注释,确保代码易于理解和维护。2、错误处理:Go语言有很好的错误处理机制,应该合理地处理错误,以便于排除错误。3、内存管理:Go语言自动管理内存,但是如果存在大量的内存分配和垃圾回收,会影响程序性能,因此......