list.vue 970 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <view class="list">
  3. {{list}}
  4. <view v-for="(item,index) in list" :key="index">
  5. <view class="box-item">
  6. {{item}}
  7. </view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. list: ['星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二',
  16. '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二',
  17. ]
  18. }
  19. },
  20. onPullDownRefresh() {
  21. console.log(("下拉中"))
  22. setTimeout(() => {
  23. uni.stopPullDownRefresh()
  24. }, 2000)
  25. },
  26. onReachBottom() {
  27. console.log("触底")
  28. let arr = ['孙悟空','猪八戒','沙和尚']
  29. this.list = [...this.list,...arr]
  30. }
  31. }
  32. </script>
  33. <style scoped lang="scss">
  34. .box-item {
  35. height: 50rpx;
  36. line-height: 50rpx;
  37. }
  38. </style>