分类：滚动加载

2022
03-01

Vue向下滚动加载更多数据scroll案例详解

vue-infinite-scroll安装npminstallvue-infinite-scroll--save尽管官方也推荐了几种载入方式，但“最vue”的方式肯定是在main.js中加入importinfiniteScrollfrom'vue-infinite-scroll'Vue.use(infiniteScroll)实现范例官方给的代码范例是假设你在根组件写代码，实际上我们肯定是在子组件里写代码，所以代码也需要略作修改，下方只列有用的代码片段：<divv-infinite-scroll="loadMore"infinite-scroll-disabled="busy"infi... 继续阅读 >

2021
07-31

vue实现滚动加载的表格

目录实现效果滚动加载知识储备组件封装1.组件命名2.提供的props3.使用举例组件封装总结1.尽可能地使用computed计算属性2.给表格提供插槽另一种滚动加载数据的实现实现效果码云地址滚动加载知识储备参考ant-design-vue中list滚动加载的思路，使用vue-infinite-scroll加上vue-virtual-scroller作为解决方案。组件封装因为整个系统使用的框架是ant-dsign-vue，所以组件封装的变量命名风格尽可能的与a-table保持一致。1.组件命名XSc... 继续阅读 >

2021
05-20

Vue实现下拉滚动加载数据的示例

Web项目经常会用到下拉滚动加载数据的功能，今天就来种草Vue-infinite-loading这个插件，讲解一下使用方法！第一步：安装npminstallvue-infinite-loading--save第二步：引用importInfiniteLoadingfrom'vue-infinite-loading';exportdefault{components:{InfiniteLoading}}第三步：使用1.基本用法<template><div><pv-for="iteminlist"><spanv-text="item"></span></p>... 继续阅读 >