首页 > 其他 > 详细

vue-无限滚动

时间:2019-10-20 13:39:16      阅读:66      评论:0      收藏:0      [点我收藏+]
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
    <li v-for="i in data" class="infinite-list-item">{{ i.id }}</li>
</ul>

先拉出数据显示,每次往下滑动的时候在拉去pagesize+3

data() {
        return {
            data: [],
            will: "aaa",
            page: 10
        };
    },
    methods: {
        //拉取页面触发;
        load() {
            this.page += 3  ;
            this.aj();
        },
        aj() {
            this.axios
                .get("http://192.168.2.250/car?pagesize=" + this.page)
                .then(data => {
                    this.data = data.data.results;
                });
        }
    },
    created() {
        this.aj();
    }

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”

技术分享图片

 

vue-无限滚动

原文:https://www.cnblogs.com/qdwds/p/11706963.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!