trainingList.vue 1003 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view>
  3. <view style="margin-top: 4upx;" class="bg-white flex justify-between align-center padding"
  4. v-for="(item,index) in dataList" :key='index' @click="goDet(item)">
  5. <view class="text-lg">{{index+1}}.{{item.title}}</view>
  6. <image src="../../static/image/go.png" style="width: 20rpx;height: 34rpx;" mode="aspectFill"></image>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. page: 1,
  15. limit: 10,
  16. dataList: []
  17. }
  18. },
  19. onLoad() {
  20. this.getDataList()
  21. },
  22. methods: {
  23. getDataList() {
  24. let data = {
  25. page: this.page,
  26. limit: this.limit,
  27. type: 2
  28. }
  29. this.$Request.getT("/app/trainingCenter/trainingCenterList", data).then(res => {
  30. this.dataList = res.data.list
  31. })
  32. },
  33. goDet(e) {
  34. uni.navigateTo({
  35. url: '/my/help/trainingCenter?id=' + e.trainingId
  36. })
  37. }
  38. },
  39. onReachBottom: function() {
  40. this.page = this.page + 1;
  41. this.getDataList();
  42. },
  43. }
  44. </script>
  45. <style>
  46. </style>