微信小程序chechbox标签中,运行wx:for循环有问题,求解决!

微信小程序chechbox标签中,运行wx:for循环有问题,无法显示value与name。

img

<view>
     <checkbox-group bind:change="fruit">
         <checkbox value="{{item.value}}" wx:for="list" wx:key="id">
         {{item.name}}
         </checkbox>
     </checkbox-group>
     <view>您喜欢的水果是:{{mo}}</view>
</view>

以下是js代码

page({
date:{
    list:[
      {
       id:0,
       name:"苹果",
       value:"苹果"
      },
      {
       id: 1,
       name:"香蕉",
       value:"香蕉"
      },
      {
      id:2,
      name:"桔子",
      value:"桔子"
     }
  ],
  mo:[]
  },
  fruit(e){
  const mo=e.detail.value;
  this.setData({
      mo
  })
  }
}

wx:for="list"提到value="{{item.value}}"前面,另外,你这代码写得也有问题,参考这个文档:

设置wx key后,需要给每个项设置个别名。item现在不是它的名字

代码写错了吧,wx:for="list" 修改成 wx:for="{{list}}"

如果对你有帮助,麻烦采纳,谢谢

wx:for="{{list}}",少写了{{}}