이 기사는 WeChat 애플릿의 데이터 바인딩에 대한 예제 분석(코드)을 제공합니다. 이는 특정 참조 가치가 있으므로 도움이 필요한 친구가 될 수 있기를 바랍니다.
1. WeChat 애플릿은 태그의 값이나 속성을 얻거나 설정하기 위해 js 페이지에서 태그를 바인딩할 수 없습니다.
2. 데이터는 데이터 바인딩을 통해 달성됩니다. 해당 페이지.
데이터 바인딩:
1. 단순 데이터 바인딩
wxml中应用双大括号将data中的数据绑定到相应的标签中: <view> {{ message }} </view> js中: Page({ data: { message: 'Hello MINA!' } })
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!