流转的年华 2021-09-28 11:43 采纳率: 0%
浏览 137
已结题

vue 需要自定义单选radio组件

后台字段返回的每个radio 绑定一个值,但是每个radio还需要互斥。因为单选组radio数量居多,强行使用elemenet-ui 里面的radio工作量大,不满足要求,需要自定义一个radio满足以上需求。

举例:如下完成后效果如下


```html
<cus-radio v-model="form.a" label="111" pubName="pubName"></cus-radio>  
<cus-radio v-model="form.b" label="222" pubName="pubName"></cus-radio>  
<cus-radio v-model="form.c" label="333" pubName="pubName"></cus-radio>  

pubName标记是否是同一组,label是显示的名称
比如选中label111的时候,form内容应该如下
```javascript
{a:'checked',b:'',c:''}

  • 写回答

1条回答 默认 最新

  • 我爱吃西瓜喵 2021-09-28 14:46
    关注

    有个el-radio-group呀,放在里面就会互斥 然后通过pubName来判断放在哪个radiogroup下

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月28日
  • 创建了问题 9月28日