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

不言
풀어 주다: 2018-08-21 16:38:41
원래의
2635명이 탐색했습니다.

이 기사는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿