ホームページ >WeChat アプレット >ミニプログラム開発 >WeChatアプレットのデータバインディングと計算の詳細な説明
この記事では、WeChat ミニ プログラムの簡単な例に関する関連情報を主に紹介します。この記事が参考になれば幸いです。
WeChat アプレット データ バインディングの簡単な例
簡単な使用法:
Page({ data: { message: '张三' } }) /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content1={ date: "2020年 10月 8日 ", title:"时间群" , nameData:{ name1:"张三李四", name2:"人五人六", }, fade:true/false } this.setData(content); },
データ バインディングは、Mustache 構文 (二重中括弧) を使用して変数をラップし、取得します
<view> {{ date}} </view> <view> {{ title}} </view> <view> {{ nameData.name1}} </view> <view> {{ nameData.name2}} </view>//层级用点取值 <image wx:if="{{fade}}" class="image" src=""></image>//隐藏/显示
はい簡単な操作{{}}内で
三項演算子
<view hidden="{{flag ? true : false}}"> Hidden </view>
計算
Page({ data: { a: 1, b: 2, c: 3 } })
<view> {{a + b}} + {{c}} + d </view> 输出结果:3 + 3 + d。
論理判断
<view wx:if="{{length > 5}}"> </view>
もこれを直接行うことができますMustache Combine 内で新しいものを形成しますオブジェクトまたは配列。
Page({ data: { zero: 0 } })
<view wx:for="{{[zero, 1, 2, 3, 4]}}"> {{item}} </view>
出力結果: 配列 [0, 1, 2, 3, 4] に結合されます。 objects
最終的な組み合わせオブジェクトは{for:1、bar:2}
双方向データバインディングを実装するjsメソッド
以上がWeChatアプレットのデータバインディングと計算の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。