Uniapp开发中实现单选checkbox的正确方式

实现Uniapp中的单选checkbox

qq_34718221

5362人浏览 · 2024-03-13 15:25:58

qq_34718221 · 2024-03-13 15:25:58 发布

遇到这种单选是否的需求，你肯定会想这还不简单，放一个checkbox就行，然后想当然的这样用：

<checkbox v-model="value" />

但其实在uniapp里是不能直接写的！结果勾选时value的值并没有变化。尝试了加一个:checked绑定也不行。而uni-data-checkbox又只适用于多选的情况。

之后我想起到uniapp文档的内置组件里找checkbox

checkbox-group | uni-app官网uni-app,uniCloud,serverless,checkbox-group,checkboxhttps://uniapp.dcloud.net.cn/component/checkbox.html最终得出的写法是：

<checkbox-group @change="checkboxChange">
    <checkbox value="true" :checked="value"/>
</checkbox-group>

checkboxChange(e) {
	this.value = e.detail.value[0]
}

1.需要放在checkbox-group里。

2.默认值用:checked绑定，选中的值用value定义，因为只有一个是否选中，这里是true，如果:value="true"这样也能用，但是会有警告类型不对。

3.未选中时change事件里拿到的就是空数组。

2048 AI社区

有“AI”的1024 = 2048，欢迎大家加入2048 AI社区

更多推荐

Expect脚本实战：多条件匹配与防卡死技巧

在自动化测试和系统初始化中，我们常常使用 Expect 脚本来完成一系列交互操作，比如自动输入密码、监听输出并作出响应。然而，实际项目中可能遇到多步骤输出匹配的场景：只有在先匹配到某一行输出，再匹配到另一行输出时，才需要做出响应。同时，如果 “testX failed” 出现了，但 “set params error” 没有在合理时间内出现，不要卡死，而是打印警告并继续。这个写法的问题在于：如

2048 AI社区

AI模型版本控制的标签管理：架构师的技巧

在AI模型生命周期中，版本控制是保障模型可追溯性、协作效率与生产可靠性的核心环节。而标签管理作为版本控制的"语义接口"，其设计质量直接决定了团队对模型版本的理解、检索与复用能力。本文从架构师视角出发，结合第一性原理与MLOps实践，系统阐述AI模型标签管理的理论框架、架构设计、实现机制与高级考量。通过拆解标签的"唯一标识+语义描述"本质，提出四维标签模型。