【报bug】H5中可以触发radio-group的change事件，小程序却不行

分类：uni-app

微信小程序

H5中单选框能够正常点击，小程序中点击打勾后无法取消

tree.vue  
<radio-group name="" @change="change" v-if="!mutilSelect">  
            <tree-dom :treeData="treeData" :isCheckbox="false"></tree-dom>  
        </radio-group>  

methods: {  
  change(e) {  
console.log(e.detail.value)  
}  
}

tree-dom.vue

<view class="">  
        <uni-collapse v-if="isFolder.length != 0">  
            <uni-collapse-item :title="item.name" v-for="(item,index) in isFolder" :key="index">  
                <view class="children" v-if="item.children.length != 0">  
                    <tree-dom :treeData="item.children" :isCheckbox="isCheckbox"></tree-dom>  
                </view>  
            </uni-collapse-item>  
        </uni-collapse>  
        <view class="list" v-if="isLastLeaves.length != 0">  
            <view class="list-item" v-for="(child,childIndex) in isLastLeaves" :key="childIndex">  
                <label v-if="!isCheckbox">  
                    <radio :value="`${child.id}-${child.name}`" :checked="child.isChecked" :id="child.name"/><text>{{child.name}}</text>  
                </label>  
                <label v-else>  
                    <checkbox :value="`${child.id}-${child.name}`" :checked="child.isChecked" :id="child.name"/><text>{{child.name}}</text>  
                </label>  
            </view>  
        </view>  
    </view>

2021-11-30 17:05 负责人:无分享

2 个回复

DCloud_UNI_Anne

未复现此问题，用示例代码hello uni-app能出现你的问题吗？
不能的话你需要排查出来具体你哪个页面，甚至哪一行导致的。
找出来具体原因后提供一个能复现你描述的bug的最小化demo，让我们及时定位问题，及时修复。

吴叫兽2333 (作者)

小程序中radio-group必须和radio在同一个vue文件吗

2021-11-30 21:17
吴叫兽2333 (作者)

看楼下简单的demo

2021-11-30 21:23
吴叫兽2333 (作者)

帮我再看一下这个问题，谢谢

2021-12-01 09:31

吴叫兽2333 (作者)

<template>  
    <view>  
        <radio-group name="" @change="change">  
            <tree-dom :treeData="treeData"></tree-dom>  
        </radio-group>  
    </view>  
</template>  

<script>  
    import TreeDom from "./TreeDom.vue";  
    export default {  
        components: {  
            TreeDom  
        },  
        data() {  
            return {  
                treeData: [{  
                    id: "001",  
                    name: "男"  
                },  
                {  
                    id: "002",  
                    name: "女"  
                }]  
            }  
        },  
        methods: {  
            change(e) {  
                let {value} = e.detail;  
                console.log(value)  
            },  
        }  
    }  
</script>

<template>  
    <view class="list">  
        <view class="list-item" v-for="(item, index) in treeData" :key="index">  
            <label>  
                <radio :value="`${item.id}-${item.name}`" /><text>{{item.name}}</text>  
            </label>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        name: "TreeDom",  
        props: {  
            treeData: {  
                type:Array,  
                default:[]  
            },  
        },  
    }  
</script>  

<style lang="scss">  
    .list{  
        .list-item{  
            padding: 10rpx 30rpx;  
            font-size: $uni-font-size-base;  
        }  
    }  
</style>

该问题目前已经被锁定, 无法添加新回复

【报bug】H5中可以触发radio-group的change事件，小程序却不行

2 个回复

公告

相关问题

【报bug】H5中可以触发radio-group的change事件，小程序却不行

与内容相关的链接

2 个回复

公告

相关问题