페이지 매김 문제는 페이지 번호, 전화 인터페이스가 페이지에 대응하는 데이터를 얻기

 

에서 수입 Axios의 '@ / libs와 / api.request' 

const를 MODULE_URL = '/ 로그'; 

수출 CONST actionLogData = (PARAMS, CB) => { 
  axios.request ({ 
    URL :`$ {MODULE_URL} / actionLog`, //接口位置
    방법, '수' 
    PARAMS을 
  }). 다음 (CB); 
};

 

페이지 매김 문제.

< 페이지 클래스 = "테이블 페이지 clearfix" : 총 = "paging.total" : pageSize가 = "paging.pageSize" : 전류 = "paging.pageNo" 쇼 전체 쇼 엘리베이터 @에 변화 = "pageChange" />

 

  : 총 = "paging.total는"   데이터가 존재의 총 수를 나타냅니다;

  : pageSize가이 = "paging.pageSize은"  데이터의 많은 조각이 페이지에 표시하는 방법을 나타낸다

  : 전류 = "paging.pageNo는"  현재 페이지 번호를 나타냅니다;

  @ ON-변경 = "pageChange"는  해당 페이지 번호를 클릭하면 pagechange 기능을 트리거링 나타낸다.

1 인터페이스로.

  수입에서 {actionLogData} '@ / API는 / 로그';

 

2, 수출 기본값은 {} 전역 변수를 선언하고 페이지 데이터의 초기 값을 설정합니다.

  수출 기본 { 
    데이터 () { 
      반환 { 
GetData의 : [], // 전역 변수 선언 
        // 목록 페이지 
         페이징 : { 
           pageNum : . 1 , 
           pageSize로서 : (13)는 , 
           합계 : 0 ,        
},

 

(3) 상기 방법에서 다음 파라미터가 명시 PARAMS의 호출 인터페이스 입력되는 {} initList 쓰기 함수 호출 인터페이스. ActionLogData 인터페이스를 호출하여, 원하는 값을 얻을 수, 최초의 데이터에 취득 된 속성 값의 여부를 판정 CONSOLE.LOG (해상도)에 의해.

페이지에 대응하는 페이지의 데이터를 취득 클릭 스위치 및 호출되면 함수 pageChange (페이지) 데이터는 획득 된 페이지에 대응.

   방법 : { 
      initList () { 
        엔 params에서 const = { 
          pageSize로서 : 이 본 .paging.pageSize, 
          PAGENO 그렇지 : 이 본 .paging.pageNum를 
        } 

        actionLogData을합니다 (PARAMS, RES => {
           IF (! res.status) { 
            CONSOLE.LOG ( ' ! 요청 오류 '가 발생 )
             반환 ; 
          } 
          const를 {데이터} =의 RES를,
           다음은이 .getdata = Data.List; // 얻을 데이터 
          은이 .paging.total = data.total; // 모든 데이터의 수를 가져옵니다
        }, ERR => {
           [이 . Message.Error $은 ( '요청 오류가 발생했습니다 다시 시도하십시오. "! ); 
        }); 
      } 

      / * 페이지 전환 * / 
      pageChange (페이지) { 
        다음은이 .paging.pageNum = 페이지 ;
         이 본 .initList (); 
      } 
    }

 

(4) 동시에이 후단 요청) (피크 트랜잭션을 개시 형 마운트;

    () {장착
       이 .initList을 ();
      이 .pageChange (페이지); 
    }