Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-long-scroll

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-long-scroll

基于vue长列表优化

  • 0.1.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
8
decreased by-20%
Maintainers
1
Weekly downloads
 
Created
Source

vue-long-scroll

Get Start

Installation

npm i --save vue-long-scroll

Initialization

import Vue from "vue";
import LongScroll from "vue-long-scroll"

Usage

<template>
    <long-scroll v-model="current" :data="data" :style="{height:'400px'}"></long-scroll>
</template>

<script>
    data(){
        return {
            current:0,  // 当前展示的数据第一天索引
            data:[] //  [{name:""}]
        }
    }
</script>

属性方法说明

属性/方法描述默认值
v-model当前展示的数据第一条索引0
data要展示的所有数据\
current当前展示的数据第一条索引0
size要渲染到Dom的数据条数20
valueKey行展示默认内容的键name
rowHeight每行展示的高度36
change当前数据改变事件

License

MIT License

Copyright (c) 2021-present, YangJianFei 1294485765@qq.com

Keywords

FAQs

Package last updated on 29 May 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc