省住房和城乡建设厅网站,网站建设每月工作多少,h5开发wordpress客户端,网站建设设计规划书滚动加载#xff1a;滚动至底部时#xff0c;加载更多数据。 1.如何使用#xff1f;
//在要实现滚动加载的列表上上添加v-infinite-scroll#xff0c;并赋值相应的加载方法#xff0c;
//可实现滚动到底部时自动执行加载方法。templateul classinfinit… 滚动加载滚动至底部时加载更多数据。 1.如何使用
//在要实现滚动加载的列表上上添加v-infinite-scroll并赋值相应的加载方法
//可实现滚动到底部时自动执行加载方法。templateul classinfinite-list v-infinite-scrollloadMore styleoverflow:autoli v-fori in count classinfinite-list-item{{ i }}/li/ul
/templatescriptexport default {data () {return {count: 0}},methods: {loadMore () {this.count 2}}}
/script
2.禁用加载
templatediv classinfinite-list-wrapper styleoverflow:autoulclasslistv-infinite-scrollloadMoreinfinite-scroll-disableddisabledli v-fori in count classlist-item{{ i }}/li/ulp v-ifloading加载中.../pp v-ifnoMore没有更多了/p/div
/templatescriptexport default {data () {return {count: 10,loading: false}},computed: {noMore () {return this.count 20},disabled () {return this.loading || this.noMore}},methods: {loadMore () {this.loading truesetTimeout(() {this.count 2this.loading false}, 2000)}}}
/script 关于滚动加载的大致内容就是这些如果想要深入浅出请前往滚动加载
