如何实现uniapp下单选框的长尾词？

本文共计1183个文字，预计阅读时间需要5分钟。

uniapp官方提供的uni-data-checkbox组件包含单选和复选框功能。然而，该组件的功能实现存在不足：单选框不支持再次点击取消选择，无法与父组件的数据源联动，无法实现多规格选择等功能。

uniapp官方虽然提供了uni-data-checkbox，含括了单选和多选框功能。但是它功能实在不能满足需求：

• 单选框不支持再次点击取消
• 无法与父组件的数据源进行联动，无法实现如多规格选择的那种联动
• 源码每次点击都是对数据源进行拷贝，然后再进行json解析等操作，看着就很不靠谱，数据量大必然有性能问题。

其实我放弃uni-data-checkbox，选择自己实现也是因为商品规格展示是比较复杂的，不自己实现的话无法达到目的：

看图中，三组规格选项是要相互联动的，选择了其中一个后，就得判断其余的是否可选。然后我认为也可以将已选中的取消。所以得自己实现，好根据业务定制。