uni-app中radio按钮的单选功能

今天遇到了一个问题，关于uni-app实现单选功能，笔者查询了许多百度资料，发现都是用图片代替原有位置以实现取消选中，进而成为单选按钮。


这里我给大家带来我是如何实现的代码，现在看下代码:
前端页面:

我们要用vue的方法来给属性赋值,这个" : "就是v-bind的简写
在这里:checked="binhao===1"就是 如果bianhao的值为1，则checked的属性值就是checked，即为选中。前面的value值是为了设置初值默认初始状态是否选中。

点击触发的方法:

在这里我们点击后会触发方法，方法传参过来，我们把获得的参数赋给我们的变量，这样view标签就会变为:checked=“checked”，将变成选中状态。
如果我们想改变选中后圆圈的颜色，可以用color属性来改变它的颜色，这样我们就不需要用切换图片的方法来进行改变选中状态了。