如何在vuejs中使单选按钮独立于其他按钮
P粉704066087
P粉704066087 2024-03-27 12:40:28
[Vue.js讨论组]

我正在制作一个清单,我有类别,每个类别都有其干预措施,您必须根据与问题相对应的内容进行检查。

CheckList.vue

Categoria Existe Estado Observación
Si No Bueno Regular Malo
{{ index + 1 }}.- {{ formatchecklist.categoria }}
{{ intervencion.intervencion }}

选择第一个单选时没有问题,问题是选择第二行第二个单选时,干预2,第一个被取消选择。

https://codepen.io/lucascardemil/pen/GRMejWK

我如何获取该数据

P粉704066087
P粉704066087

全部回复(1)
P粉416996828

无线电的名称相同,因此每一行名称为 existe 的无线电将像无线电组一样操作,因此仅选择一个。

换句话说,您需要为每行的单选按钮组分配不同的名称。如果需要,您还需要更改模型绑定,以便正确保存与每个干预相对应的模型绑定。

下面是我在 vuejs 2 中的示例代码,您可以参考。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号