루프 및 중첩 루프의 WeChat Mini 프로그램 사용

이 글은 주로 WeChat 애플릿 루프 및 중첩 루프 사용 요약에 대한 정보를 소개합니다. 이 글이 모든 사람에게 도움이 되기를 바랍니다. 도움이 필요한 친구들이 참고할 수 있습니다.

WeChat 애플릿 루프 및 중첩 루프 사용 요약

WeChat 미니 프로그램과 관련하여 저는 최근 WeChat 미니 프로그램을 진행하도록 배정받았습니다. 처음으로 연락을 해보니 시작하기가 그리 어렵지 않습니다.

저는 데이터를 인터페이스에 바인딩할 때 루프와 중첩 루프를 수없이 사용해왔기 때문에 작은 프로그램의 루프 문제에 대해 많은 감정을 갖고 있습니다.

JS의 POST 또는 GET 요청을 통해 인터페이스에서 데이터를 얻고 이를 페이지에 정의된 객체에 저장하려면:

//首页话题列表 
   wx.request({ 
    url: 'https://*******************', 
    method: 'POST', 
    data: { 
     pageNum: 1, 
     pageSize: 10 
    }, 
    success:function(res){ 
     that.setData({ 
      listTop:res.data, 
       
     }) 
    } 
   })

wxml 파일에서 루프는

을 통해 구현됩니다.

 wx:for="{{listTop}}"

객체의 데이터를 출력합니다. 여기서는 {{index }}를 통해 아래 첨자를 가져오거나 아래 첨자를 사용자 정의할 수 있습니다.

wx:for-index="index2"

객체 com이 listTop에 있으면 wx:for=를 사용할 수 있습니다. " {{item.com}}"은 루프의 데이터를 반복합니다.

실제 프로젝트에서 다음과 같은 문제에 직면했습니다. 중첩 루프 프로세스 중에 타임스탬프와 같은 특정 필드의 값을 날짜/일 전 등으로 변환해야 합니다. 이때 우리는

알고 있습니다 위챗 애플릿은 JS를 직접 호출하는 인터페이스를 지원하지 않습니다. 이때 어떻게 해결해야 할까요?

처음에는 항상 JS에서 루프를 통해 객체에 넣고 싶었는데, 그런 다음 인터페이스에서 인터페이스에 추가하십시오. 아직 부족한 부분이 많아서 끝없는 루프에 빠졌어요.

Solution

: 트래버스할 때 원본 데이터를 원하는 데이터로 바꾸면 됩니다. . . . (아주 간단한데 당국이 집착하고 있는데 제가 직접 해결했기 때문에 더 좋은 방법이 있을 수도 있습니다. 이건 그냥 설명일 뿐입니다.)

for (var i = 0; i < res.data.data.length;i++){ 
    console.log(res.data.data[i].comments+"**********"+i)  
    
    console.log("***"+i) 
    if (res.data.data[i].comments !=null){ 
     for (var j = 0; j < res.data.data[i].comments.length;j++){ 
      res.data.data[i].comments[j].createTime=transDate(res.data.data[i].comments[j].createTime) 
     } 
    } 
     }

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용을 보시려면 PHP 중국어 홈페이지를 주목해주세요!

관련 추천:

WeChat Mini 프로그램 정보 라이프 사이클 소개

WeChat 미니 프로그램 캔버스 개발 정보

위 내용은 루프 및 중첩 루프의 WeChat Mini 프로그램 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!