更新记录

1.0.0(2023-05-15) 下载此版本

virtualscroll

属性说明

属性名 类型 默认值 说明
load Boolean true 数据加载提示语
animation Boolean true 滚动动画
data Object {} 数据 data:数据列表,total:数据总数

使用示例

    <view class="" style="  width: 100vw; padding: 50rpx 30rpx; box-sizing: border-box;">
        <virtual-scroll v-model="load" :data='dataArr' @httpRequest="httpRequests"></virtual-scroll>
    </view>
import virtualScroll from '@/components/virtualscroll/virtualscroll.vue'

export default {
  components: {
    virtualScroll
  },
  data() {
    return {
     dataArr:{
        data:[],
        total:0
     },
     load:false
    }
  },
  methods: {
    httpRequests(info){
        //吊起接口 info:{page: 1,page_size: 10,flag:false} flag:true 滚动加载
        let data = 接口数据
        this.dataArr.data = data.list
        this.dataArr.total = data.total
    },
  },
}

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

virtualscroll

属性说明

属性名 类型 默认值 说明
load Boolean true 数据加载提示语
animation Boolean true 滚动动画
data Object {} 数据 data:数据列表,total:数据总数

使用示例

    <view class="" style="  width: 100vw; padding: 50rpx 30rpx; box-sizing: border-box;">
        <virtual-scroll v-model="load" :data='dataArr' @httpRequest="httpRequests"></virtual-scroll>
    </view>
import virtualScroll from '@/components/virtual-scroll/virtual-scroll.vue'

export default {
  components: {
    virtualScroll
  },
  data() {
    return {
     dataArr:{
        data:[],
        total:0
     },
     load:false
    }
  },
  methods: {
    httpRequests(info){
        //吊起接口 info:{page: 1,page_size: 10,flag:false} flag:true 滚动加载
        let data = 接口数据
        this.dataArr.data = data.list
        this.dataArr.total = data.total
    },
  },
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问