pc端触底滑动-ScrollPageLoading

本文主要是介绍pc端触底滑动-ScrollPageLoading，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.封装组件ScrollPageLoading.vue

<template><div><div style="text-align: center;margin-bottom: 10px"><a-spin v-if="loading" :spinning="loading" tip="正在加载，请稍后..."></a-spin><span class="noData" v-else-if="current >= pages">没有更多数据</span><span class="noData" v-else>下滑加载更多</span></div></div>
</template><script>
export default {name: 'ScrollPageLoading',props: {loading: {type: Boolean,required: true},current: {type: Number,required: true},pages: {type: Number,required: true}}
}
</script><style scoped>.noData {text-align: center;color: rgb(157, 167, 173);font-size: 16px;margin-bottom: 10px;
}</style>

这篇关于pc端触底滑动-ScrollPageLoading的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---