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 @ 2022-11-22 23:28  jamstack  阅读(1116)  评论(0)    收藏  举报