vue的element ui使用多组radio

需要实现的效果如下：

 

需求描述： 有这样的三组radio，要实现：可以分别点击，互不干扰

实现步骤：

element 代码如下：

复制代码
          <row-wrapper>
            <template><el-radio-group  v-model="form.logicOp[index]"
                                :id="'logicOp['+item.formId+(item.checked==undefined?0:item.checked)+']'"
                                v-on:click="disable(i)">
                <el-radio :label="0">并且</el-radio>
                <el-radio :label="1">或者</el-radio>
                <el-radio :label="2">不是</el-radio>
              </el-radio-group>
            </template>
          </row-wrapper>
复制代码

 

vue代码如下：

export default {
  data() {
       form: {
        logicOp: [] // 节点条件的默认关系
      }
}

 

 

 

 

参考资料：

https://blog.csdn.net/qq_35770559/article/details/111405287

 

 
 
 
posted @   jamstack  阅读(1011)  评论(0)  编辑  收藏  举报
相关博文：
·  使用vite创建vue程序，同时引入element-plus
·  element ui的树形组件el-tree使用的注意事项
·  vue3 引入 ElementUI
·  vue + elementUI 添加多语种切换功能
·  ELement UI 项目中实现多语言(转载)
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~
点击右上角即可分享
微信分享提示
SQL AI 助手