위챗 애플릿 setData 상해 & 데이터 수정 & 다중 데이터 수정

2186 단어 위챗 애플릿
초심-양서초 개인 블로그 초대 qq군(IT-프로그램원숭이-기술교류군):757345416
setData 함수는 데이터를 논리층에서 시각층으로 보내는 데 사용되며, 대응하는this를 바꾸는 데 사용됩니다.데이터의 값 (동기화).

매개변수 설명


필드
타입
필수 항목
묘사
릴리즈
data
Object
예.
이번에 바꿀 데이터.
callback
Function
아니요
setData로 인한 인터페이스 업데이트 렌더링 후 콜백 함수
1.5.0
Object는 key:value로 this.데이터의 키에 대응하는 값을value로 변경합니다.
그 중에서 키는 데이터 경로의 형식으로 제시할 수 있으며, 그룹의 특정한 항목이나 대상의 특정한 속성을 바꾸는 것을 지원한다. 예를 들어array[2]이다.메시지, a.b.c.d,this.데이터에서 미리 정의합니다.
참고:
4
  • this를 직접 수정합니다.데이터는this를 호출하지 않습니다.setData는 페이지의 상태를 변경할 수 없으며 데이터가 일치하지 않을 수도 있습니다

  • 4
  • JSON으로 설정할 수 있는 데이터만 지원합니다

  • 4
  • 한 번에 설정한 데이터는 1024kB를 초과할 수 없습니다. 한 번에 너무 많은 데이터를 설정하는 것을 피하십시오

  • 4
  • 데이터 중 어떤value도undefined로 설정하지 마십시오. 그렇지 않으면 이 항목은 설정되지 않고 잠재적인 문제가 남을 수 있습니다

  • 코드 예:
    
    {{text}}
    
    {{num}}
    
    {{array[0].text}}
    
    {{object.text}}
    
    {{newField.text}}
    
    
    // index.js
    Page({
      data: {
        text: 'init data',
        num: 0,
        array: [{text: 'init data'}],
        object: {
          text: 'init data'
        }
      },
      changeText: function() {
        // this.data.text = 'changed data' //   this.data
        //   setData
        this.setData({
          text: 'changed data'
        })
      },
      changeNum: function() {
        //  ,  this.data   setData  
        this.data.num = 1
        this.setData({
          num: this.data.num
        })
      },
      changeItemInArray: function() {
        //  , , 
        this.setData({
          'array[0].text':'changed data'
        })
      },
      changeItemInObject: function(){
        this.setData({
          'object.text': 'changed data'
        });
      },
      addNewField: function() {
        this.setData({
          'newField.text': 'new data'
        })
      }
    })
    
    

    좋은 웹페이지 즐겨찾기