変化状態に設計されたデータに変数を書きます
ページ({ データ:{ 変化:偽 } })
オプション:
<! - wxml - > < ビュークラス= "{{変更'を選択':? 'no_choose'}}" catchtap = "changeto" >选项</ ビュー>
そして、この方法ではJS:
changeto:関数(E){ 場合(この .data.change == 偽){ この.setData({ 変化:真 }) } 他{ この.setData({ 変化:偽 }) } }
それはスタイルと真ビュー関連付けられたラベルでwxmlで真、偽の偽の場合の変化にクリックされた現在の状態を、決定します。
私はスタイルを設定します。
.no_choose { ディスプレイ:フレックス。 ALIGN-アイテム:センター ; 幅:180rpx。 高さ:100rpx。 ボーダー:3rpxソリッドブルー ; 正当化-コンテンツ:センター ; margin-left:30rpx。 マージントップ:60rpx。 フォントサイズ:25rpx。 } .choose { ディスプレイ:フレックス。 ALIGN-アイテム:センター ; 幅:180rpx。 高さ:100rpx。 ボーダー:3rpxオレンジ色の固体 ; 正当化-コンテンツ:センター ; margin-left:30rpx。 マージントップ:60rpx。 色:オレンジ ; フォントサイズ:25rpx。 }
オプションの数が多い場合は、私たちはさまざまな方法と状態変数の決定の数を持っている必要があります。
複数のオプションはパンだけであれば外に選択できた場合:
changeto1:関数(E){ 場合(この .data.change2 == 偽 && この .data.change3 == 偽){ 場合(この .data.change1 == 偽){ この.setData({ change1:真 }) } 他{ この.setData({ change1:偽 }) } } }、