WeChat 애플릿의 데이터 바인딩 분석 예(코드)

이 기사는 WeChat 애플릿의 데이터 바인딩에 대한 예제 분석(코드)을 제공합니다. 이는 특정 참조 가치가 있으므로 도움이 필요한 친구가 될 수 있기를 바랍니다.

1. WeChat 애플릿은 태그의 값이나 속성을 얻거나 설정하기 위해 js 페이지에서 태그를 바인딩할 수 없습니다.
2. 데이터는 데이터 바인딩을 통해 달성됩니다. 해당 페이지.

데이터 바인딩:
1. 단순 데이터 바인딩

wxml中应用双大括号将data中的数据绑定到相应的标签中：
<view> {{ message }} </view>
js中：
Page({
  data: {
    message: &#39;Hello MINA!&#39;
  }
})

2. 라벨 속성 바인딩

wxml中，其中绑定的要在双引号之中：
<view id="{{id}}"> </view>
js中:
Page({
  data: {
    id: 0
  }
})

4. 키워드(큰따옴표 안에 있어야 함)

wxml中（绑定在双引号中）
<view wx:if="{{condition}}"> </view>
//作为条件句出现，可以动态决定某一个标签出现不出现
js中：
Page({
  data: {
    condition: true
  }
})
---或---
wxml中（绑定在双引号中）
<view hidden="{{condition}}"> </view>
//作为条件句出现，可以动态决定某一个标签出现不出现
js中：
Page({
  data: {
    condition: true
  }
})
//hidden与wx:if的区别：
hidden只是隐藏，但是节点是生成的
wx:if不生成节点

5. Operation

true：boolean 类型的 true，代表真值。

false： boolean 类型的 false，代表假值。

<checkbox checked="{{false}}"> </checkbox>
特别注意：不要直接写 checked="false"，其计算结果是一个字符串，转成 boolean 类型后代表真值。
//在新版的微信小程序开发工具中，这个问题好像被解决了，即checked="true"也是对的

6. 조합(흔하지 않으므로 여기서는 자세히 다루지 않겠습니다. 필요한 경우 WeChat 애플릿 개발 문서, 데이터 바인딩 부분을 참조하세요.)

관련 권장 사항:

WeChat 애플릿 사용자 정의 분석 데이터 처리

위챗 미니 프로그램 아이콘폰트 사용법 상세 설명(코드 있음)

위챗 미니 프로그램 예시: 랜덤 인증코드 구현(코드 있음)

위 내용은 WeChat 애플릿의 데이터 바인딩 분석 예(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!