固定高度简单实现方式
源码
<template>
<div class="wrapper" ref="wrapper">
<div :style="{paddingTop:`${paddingTop}px`,paddingBottom:`${paddingBottom}px`}">
<div v-for="item in showList" :key="item[_key]" :style="{height:`${itemHeight}px`}">
{
{ item.text }}
</div>
</div>
</div>
</template>
<script>
export default {
name: "PanVirtualList",
props: {
/**
* list的每一項中,作为key的字段
*/
_key: {
type: String,
required: true
},
/**
* 所有数据
*/
list: {
type: Array,
default: () => []
},
/**
* 单个数据项的高度
*/
itemHeight: {
type: Number,
default: 20
}
},
data() {
return {
/**
* 展示数据段的开始位置
*/