avm框架下的checkbox-group取不到值的问题

Aguai

1. <checkbox-group class="group" onChange={this.checkboxChange}>
   
2.                                                         <label v-for="(item, i) in checkboxList" class="checkitem">
   
3.                                                                 <checkbox v-if="item.isChecked" checked value={item.id} />
   
4.                                                                 <checkbox v-if="!item.isChecked" value={item.id} />
   
5.                                                                 <text class="checktext">{{item.desc + ' (' + item.name + ' ' + item.street + ' ' +
   
6.                                                                         item.village + ' ' + (item.phone ? item.phone : '') +')'}}</text>
   
7.                                                         </label>
   
8.                                         </checkbox-group>

复制代码

avm框架下的checkbox-group取不到值的问题

app下正常，编译为微信小程序后取不到值， checkboxChange

技术咨询-特特

这边让开发的回复你一下

Aguai

好的，谢谢！

技术咨询-特特 · 2022-6-16 10:46这边让开发的回复你一下

yangshjing

这边复制你这块的代码没有复现出你这边出现的问题，是否是checkboxChange方法里面的代码逻辑处理有问题，你这边可以排查一下，看打印e能打印出来值吗，以下为我这边测试的代码，你可以看一下。

1. <template>
   
2.         <scroll-view class="main" scroll-y>
   
3.                 <checkbox-group class="group" onChange={this.checkboxChange}>
   
4.                         <label v-for="(item, i) in checkboxList" class="checkitem">
   
5.                                 <checkbox v-if="item.isChecked" checked value={item.id} />
   
6.                                 <checkbox v-if="!item.isChecked" value={item.id}/>
   
7.                                 <text class="checktext">{{item.desc + ' (' + item.name + ' ' + item.street + ' ' +
   
8.                                         item.village + ' ' + (item.phone ? item.phone : '') +')'}}</text>
   
9.                         </label>
   
10.                 </checkbox-group>
    
11.         </scroll-view>
    
12. </template>
    
13. <script>
    
14. export default {
    
15.         name: 'test',
    
16.         data() {
    
17.                 return {
    
18.             checkboxList: [{
    
19.                 id: 111,
    
20.                 isChecked: false,
    
21.                 desc: 'desc1',
    
22.                 name: 'name1',
    
23.                 street: 'street1',
    
24.                 village : 'village1',
    
25.                 phone: 'phone1'
    
26.             }, {
    
27.                 id: 222,
    
28.                 isChecked: false,
    
29.                 desc: 'desc2',
    
30.                 name: 'name2',
    
31.                 street: 'street2',
    
32.                 village : 'village2',
    
33.                 phone: 'phone2'
    
34.             }, {
    
35.                 id: 333,
    
36.                 isChecked: false,
    
37.                 desc: 'desc3',
    
38.                 name: 'name3',
    
39.                 street: 'street3',
    
40.                 village : 'village3',
    
41.                 phone: 'phone3'
    
42.             }]
    
43.         };
    
44.         },
    
45.         methods: {
    
46.         checkboxChange(e) {
    
47.             console.log(e.detail.value)
    
48.         }
    
49.     }
    
50. };
    
51. </script>
    

复制代码

yangshjing

这边能提供一下关于该模块的完整代码吗？我这边没有复现出你这边出现的问题

Aguai · 2022-6-16 10:53好的，谢谢！

Aguai

您这边是在小程序下测试的吧？

yangshjing · 2022-6-16 17:23这边能提供一下关于该模块的完整代码吗？我这边没有复现出你这边出现的问题

yangshjing

是的   D:/test.png

Aguai · 2022-6-16 17:31您这边是在小程序下测试的吧？

Aguai

我把你的代码放到我这边也是报错，这会是什么问题呢？

yangshjing · 2022-6-16 17:48是的

yangshjing

这边方便提供一下你的代码吗？

Aguai · 2022-6-16 18:09我把你的代码放到我这边也是报错，这会是什么问题呢？

yangshjing

方便把你整个项目打包发一下吗？

Aguai · 2022-6-16 18:35我把你开始贴出来的代码替换我的，整个页都替换了，重新编译然后在小程序开发工具里运行也是报错