mint-ui的上拉加载特别简单的那种

最新推荐文章于 2024-04-18 00:51:06 发布

мо仙堡杠把子灬

最新推荐文章于 2024-04-18 00:51:06 发布

阅读量147

点赞数 1

分类专栏： vue 文章标签：做一个有知识的流氓

本文链接：https://blog.csdn.net/weixin_43553701/article/details/94589672

版权

vue 专栏收录该内容

62 篇文章 1 订阅

订阅专栏

你不将就一切时，生活自然厚爱于你。

<template>
    <div class="courseHomePage">
        <div class="RecordsBox" v-if="active == 2">
            <ul>
                <mt-loadmore :bottom-method="boughtCoursenLoadBottom" :bottom-all-loaded="allLoaded" :auto-fill="false" ref="boughtCoursenLoadmore">
                    <li v-for="(item, i) in 16" :key="i">
                        <div class="title"> 的方式都和的还原成功返回的常态化出她速度和峰哥 </div>
                        <div class="line"></div>
                    </li>
                </mt-loadmore>
            </ul>
        </div>
    </div>
</template>

<script>
    import { Toast } from 'mint-ui';
    import { MessageBox } from 'mint-ui';
    export default {
        data() {
            return {
                active: 1,
                fluffVisited: false,
                manageCourseForm: { // 管理课程列表
                    pageIndex: 1,
                    pageSize: 10,
                },
                allLoaded:false, // 上拉加载 下拉刷新
                manageCourseList: [], // 课程管理列表

                boughtCoursenForm: { // 查看已购课程列表（已学习课程）
                    pageIndex: 1,
                    pageSize: 10,
                },
            }
        },
        created() {
            this.getBoughtCoursen();
        },
        methods: {
            
            
            // 已学习的课程 查看已购课程列表（已学习课程）
            getBoughtCoursen() {
                this.FetchGet('/course/boughtCoursen', {...this.boughtCoursenForm}).then(res => {
                    if (res.code == 0) {
                        this.manageCourseList = res.data;
                    } else {
                        Toast({  message: res.message,  position: 'bottom',  duration: 5000});
                    }
                })
            },
            //上拉加载
            boughtCoursenLoadBottom (){
                this.$refs.boughtCoursenLoadmore.onBottomLoaded();
                this.boughtCoursenForm.pageIndex++
                this.getBoughtCoursen();
            },
           

        },
    }
</script>

<style lang="less" scoped>
   
</style>