vue 分页 加载 vue横屏分页加载
关键词:横着分页,左右分页,横屏分页,左右滑动分页
b站视频地址:https://b23.tv/sEYwH5
切记一定要把public/index.html 里面的body设置margin、padding 为0,不然可能会出问题
<template>
<div class="hello">
<div class="list" id="tablist" @scroll="listScroll">
<div
class="item"
v-for="(item, i) in datas"
:key="i"
:class="i % 2 == 0 ? 'red' : 'skyblue'"
>
{
{
item }}
</div>
<div v-if="loading" class="loading">loading...</div>
</div>
</div>
</template>
<script>
export default {
name: "HelloWorld