vue 实现数据滚动显示_01-vue项目之滚动加载数据

最近刚结束了一个vue项目，项目中发现了自己很多问题，例如，看到功能就想要使用插件，(⊙o⊙)…，这样是肯定不行呀，哎，用插件可以，自己也得会写呀，现在就记录一下一个不错的滚动加载数据。

1.页面布局(重点是 class="listWrapper" 以及 class="list")

• { {item.name}}

  ￥{ {item.price}}

  ￥{ {item.ot_price}}

  已售{ {item.sales_num}}件

2.样式

.listWrapper {

position: absolute;

top:0.88rem;

width:100%;

bottom:0;

overflow-y: auto;

}

.list {

background-color: #fff;

}

3.js

data数据

data() {