注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. scrollflippageVue下拉刷新无限滚动组件

  2. scroll-flip-page 是一个 Vue 组件，它让你轻松的就能够实现无限滚动加载(翻页)的功能，而不需要考虑更多。

  3. 所属分类：其它

    • 发布日期：2019-08-10
    • 文件大小：15360
    • 提供者：weixin_39840387

  1. better-scroll-vue.zip

  2. js滚动插件（应用场景：下拉加载，上拉刷新，抖音直播消息提示）

  3. 所属分类：HTML5

    • 发布日期：2020-07-24
    • 文件大小：79872
    • 提供者：qq_43450152

  1. 基于vue的下拉刷新指令和滚动刷新指令

  2. 主要介绍了基于vue的下拉刷新指令和滚动刷新指令的相关资料,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-31
    • 文件大小：604160
    • 提供者：weixin_38647567

  1. vue使用mint-ui实现下拉刷新和无限滚动的示例代码

  2. 本篇文章主要介绍了vue使用mint-ui实现下拉刷新和无限滚动的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：111616
    • 提供者：weixin_38742954

  1. vue实现页面滚动到底部刷新

  2. 主要为大家详细介绍了vue实现页面滚动到底部刷新，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：35840
    • 提供者：weixin_38674675

  1. vue-mugen-scroll组件实现pc端滚动刷新

  2. 主要为大家详细介绍了vue-mugen-scroll组件实现pc端滚动刷新，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：48128
    • 提供者：weixin_38636461

  1. Vue中keep-alive 实现后退不刷新并保持滚动位置

  2. 主要介绍了Vue中keep-alive 实现后退不刷新并保持滚动位置的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：75776
    • 提供者：weixin_38599537

  1. 基于Vue框架vux组件库实现上拉刷新功能

  2. 最近公司在研发app,选择了基于Vue框架的vux组件库，现总结在实现上拉刷新功能遇到的坑： 1.问题：只刷新一次，解决方法：需要自己手动重置状态 this.scrollerStatus.pullupStatus = ‘default’， 2.问题：不能滚动，解决方法：因为启用keep-alive缓存，需要设置 activated () { this.$refs.scroller.reset() } 如果还没效果，请在获取后台数据后，执行如下代码 this.$nxtTick(()

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：52224
    • 提供者：weixin_38731123

  1. 使用vux实现上拉刷新功能遇到的坑

  2. 最近公司在研发app,选择了基于Vue框架的vux组件库，现总结在实现上拉刷新功能遇到的坑： 1.问题：只刷新一次，解决方法：需要自己手动重置状态 this.scrollerStatus.pullupStatus = ‘default'， 2.问题：不能滚动，解决方法：因为启用keep-alive缓存，需要设置 activated () { this.$refs.scroller.reset() } 如果还没效果，请在获取后台数据后，执行如下代码 this.$nxtTick(() =&

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：57344
    • 提供者：weixin_38656364

  1. vue.js移动端app之上拉加载以及下拉刷新实战

  2. 上拉加载以及下拉刷新都是移动端很常见的功能，在搜索或者一些分类列表页面常常会用到。 跟横向滚动一样，我们还是采用better-scroll这个库来实现。由于better已经更新了新的版本，之前是0.几的版本，更新了一下发现，现在已经是1.2.6这个版本了，新版本多了些 比较好用的api，所以我也重写了之前的代码，用新的api来实现上拉加载以及下拉刷新。 首先把基本的样式写好，这里就略过了，然后引入better-scroll库 import BScroll from 'better-scro

  3. 所属分类：其它

    • 发布日期：2020-12-03
    • 文件大小：126976
    • 提供者：weixin_38605604

  1. 解决Vue中mounted钩子函数获取节点高度出错问题

  2. 遇到的问题 最近在开发一个Vue的项目，好几个页面都有用到一个 页面楼层滑动的组件，我就直接封装成了一个，但是遇到一个bug，就是我需要得到这个组件的offsetTop，然后页面滚动到这个位置的时候，就设置position属性为fixed，让他固定在屏幕上。问题是当我在mounted钩子函数中获取offsetTop的时候，在新开的页签中打开页面，会得到错误的offsetTop，但是在当前页面刷新，就不会有问题。 定位问题 后来查到问题，就是加载的问题，新窗口打开图片，默认是没有带缓存的，图片是

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：36864
    • 提供者：weixin_38707342

  1. 基于vue的下拉刷新指令和滚动刷新指令

  2. 小编最近在实现移动端列表页面显示的时候一直在思考如何实现列表的自动更新数据，对于大多数Native App或者Web App，在列表的底部增加“加载更多”的按钮也是解决这样的问题一种交互的方式，当然，这样的交互其实还好，不过根据用户的操作习惯来看，似乎滚动刷新更多数据和下拉刷新当前数据的操作方式，更符合用户对列表分页数据的读取习惯，因此，在这里小编想简单的说说，这次在小编系统中所使用的下拉刷新和滚动刷新的实现方式！ 其实，这种实现数据加载的原理很简单 在滚动刷新的时候，需要在列表滚动到底部的时候

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：603136
    • 提供者：weixin_38503483

  1. vue移动端实现下拉刷新

  2. 看完这篇文章，相信大伙也一样可以，做出一个自己的刷新，加载的组件 说这个功能之前，大家要先了解一下，要怎么触发滚动条事件。 一定要注意，所有滚动事件都必须要满足这个条件，横向滚动条也一样， 只要满足子元素宽度大于父元素宽度就可以了。（下篇文章会讲怎么实现一个横向滚动条） 接入正题！！！ 先来看看怎么剖析这个下拉刷新。 要用到的移动端的三个事件： touchstart(手指按下)，touchmove（手指移动），touchend（手指离开） 下拉刷新也就是（touchstart => to

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：92160
    • 提供者：weixin_38723236

  1. vue使用mint-ui实现下拉刷新和无限滚动的示例代码

  2. 在开发web-app中，总会遇到v-for出来的li会有很多，当数据达几百上千条的时候，一起加载出来会造成用户体验很差的效果。 这时候我们可以使用无限滚动和下拉刷新来实现控制显示的数量，当刷新到底部的边界的时候会触发无限滚动的事件，再次加载一定数量的条目。 还是拿在项目中的功能来举栗子介绍。 有个列表，几千条数据，做分页查询，限制每次显示查询20条，每次拉到最后20条边缘的时候，触发无限滚动，这时候会出现加载图标，继续加载后续20条数据，加载到最后的时候会提示数据“加载完毕”。 项目的ui使

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：107520
    • 提供者：weixin_38555350

  1. vue-mugen-scroll组件实现pc端滚动刷新

  2. 由于工作的原因，现在需要实现一个滚动加载(PC端)的效果，之前使用的是vue+element，但是element没有类似的组件，所以去github上找了一个名叫vue-mugen-scroll，使用起来很简单也很方便，所以给大家分享一下如果使用。 一、准备工作 首先需要安装一下组件：  npm install --save vue-mugen-scroll 不需要全局引用，在需要的地方引用即可： import MugenScroll from "vue-mugen-scroll"; expo

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：74752
    • 提供者：weixin_38607088

  1. vue实现页面滚动到底部刷新

  2. 本文实例为大家分享了vue实现页面滚动到底部刷新的具体代码，供大家参考，具体内容如下 h5页面  [removed] var app = new Vue({ el: '#app', data: { swiper: null, carousel: [], promotion: [], cates: [], //设置size初始为10 size:10, },

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：30720
    • 提供者：weixin_38696339

  1. Vue + better-scroll 实现移动端字母索引导航功能

  2. vue+ better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧，写个笔记让自己了解的更加深入一点。 Demo：list-view，使用 chrome 手机模式查看。换成手机模式之后，不能滑动的话，刷新一下就 OK 了。 Github： 移动端字母索引导航 效果图   配置环境 因为用到的是 vue-cli 和 better-scroll，所以首先要安装 vue-cli，然后再 npm 安装better-scroll。 简单介绍一下 better-scroll： bet

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：114688
    • 提供者：weixin_38741195

  1. BetterScroll 在移动端滚动场景的应用

  2. BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（ GitHub地址 ），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API 方法和事件，以便我们更快地实现滚动场景下的需求，如下拉刷新、上拉加载。 由于它基于原生 Javascr ipt 实现，不依赖任何框架，所以既可以原生 Javascr ipt 引用，也可以与目前前端 MVVM 框架结合

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：95232
    • 提供者：weixin_38743737

  1. vue实现下拉加载其实没那么复杂

  2. 前言 之前缺乏移动端的经验。一直不知道上拉加载，下拉刷新是怎么实现的。现在正好有个产品有这样一个需求。想了一会没有思路。就去找插件。啥vue-infinite-scroll，vue-virtual-scroll-list。啊呀，牛!无限滚动，十万条数据渲染。 经过我一大圈的折腾。还是默默的卸载了插件。我只是需要实现一个下拉加载，不需要其他这么多的功能。看了看其他人的源码，直接撸了起来，实现一个List组件。 效果展示 MList.vue <div class=conten

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：103424
    • 提供者：weixin_38626928

  1. vue使用better-scroll实现下拉刷新、上拉加载

  2. 本文目的是为了实现列表的下拉刷新、上拉加载，所以选择了better-scroll这个库。 用好这个库，需要理解下面说明 必须包含两个大的div，外层和内层div 外层div设置可视的大小(宽或者高)-有限制宽或高 内层div，包裹整个可以滚动的部分 内层div高度一定大于外层div的宽或高，才能滚动 1、先开始写一个简单demo，最基本的代码架构 template ... ... css

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：40960
    • 提供者：weixin_38569675
« 12 »