index.vue 968 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view>
  3. <Nav title="列表组件演示"></Nav>
  4. <pagingList ref="likeGoodsList" @getList="getGoodsList">
  5. <template v-slot:listInfo="{pagingData}">
  6. <view v-for="item in pagingData">
  7. <view>{{item.good_name}}</view>
  8. <view>{{item.price}}</view>
  9. <view>{{item.good_name}}</view>
  10. <view>{{item.good_name}}</view>
  11. </view>
  12. </template>
  13. </pagingList>
  14. </view>
  15. </template>
  16. <script>
  17. import Black from '@/components/en-utils/en-blank/en-blank'
  18. import pagingList from '@/components/en-list/en-list'
  19. import {likeGoods} from "@/api/goods";
  20. export default {
  21. components:{
  22. Black,
  23. pagingList,
  24. },
  25. methods:{
  26. getGoodsList(page){
  27. likeGoods({'page':page}).then((res)=>{
  28. if(res.code===1){
  29. this.$refs.likeGoodsList.setList(res.data.list,res.data.total)
  30. }
  31. })
  32. }
  33. }
  34. }
  35. </script>
  36. <style scoped lang="scss">
  37. </style>