iview没法实现自动分页

Question

我想在uve里实现列表自动分页 但是不知道该怎么处理数据 我是应该把列表放到page标签里吗 还是怎么弄呢 下面是我的列表代码

export default {

    data() {
        return {
          sanDetail: [],
          totalLength: 0,
          pageSize: 5
        }
    },
  created() {
      this.getSanDetail()
  },
  methods: {
  
      // 获取散标数据
      getSanDetail() {
          let productCategoryId = storageUtil.get('SanCategoryId') != null ? storageUtil.get('SanCategoryId') : 0
          product.getProductList(productCategoryId).then((res) => {
              this.sanDetail = res.data.list
              for(let i = 0; i < this.sanDetail.length; i++) { 
                  let str = this.sanDetail[i].amountNow / 
                            this.sanDetail[i].releaseAmount * 100 +''
                  if(this.sanDetail[i].status == 2) {
                      if(str.indexOf('.') > 0) {
                        this.percent = Number(str) < 1 ? '1' : Math.floor(str) + ''
                    }else {
                        this.percent = str + '';
                    }
                  }else {
                      this.percent = '100'
                  } 
              }
          })
      },
     
  },
  components: {
      Page
  }

}

Answer 1

不是把列表放在Page组件中 Page组件是单独的组件，只要在后台返回数据后，把Page的相关属性赋值即可