test2.vue 967 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view>
  3. <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
  4. <card :list="list"></card>
  5. </mescroll-body>
  6. </view>
  7. </template>
  8. <script>
  9. // import card from "./comps/card.vue"
  10. import MescrollMixin from "@/components/mescroll-body/mescroll-mixins.js";
  11. export default {
  12. mixins: [MescrollMixin], // 使用mixin
  13. // components:{
  14. // card
  15. // },
  16. data() {
  17. return {
  18. }
  19. },
  20. methods: {
  21. upCallback(mescroll){
  22. let params={
  23. }
  24. try{
  25. this.$api.enterprise.page(params).then(res=>{
  26. let data=res.data.records
  27. let total=res.data.total
  28. mescroll.endBySize(data.length,total);
  29. if(mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
  30. this.list=this.list.concat(data); //追加新数据
  31. })
  32. }catch(e){
  33. this.mescroll.endErr()
  34. }
  35. }
  36. }
  37. }
  38. </script>
  39. <style lang="scss">
  40. </style>