チェックボックス van-checkbox を使用した WeChat アプレットの完璧なソリューションは選択できません

アプレットはvant-uiフレームワークを使用しているため、チェックボックスをクリックしても選択できません 

<van-checkbox value="{
   
   { checked }}" shape="square">
          <view class="check-content">
            <view class="checktext">我已阅读并同意>《用户协议》《隐私政策》</view>
          </view>
</van-checkbox>

チェックされたデフォルト値を忘れずに定義してください

 解決策: onChange イベントを追加し、値をselectedに割り当てます。

<van-checkbox value="{
   
   { checked }}" shape="square" bind:change="onChange">
          <view class="check-content">
            <view class="checktext">我已阅读并同意《用户协议》《隐私政策》</view>
          </view>
</van-checkbox>

onChange(e){
    this.setData({
      checked: e.detail
    })
},

印刷して console.log(e) を確認できます

• 選択した効果:

• 効果のチェックを外します: