首页 > 其他分享 >vue的element ui使用多组radio

vue的element ui使用多组radio

时间:2022-11-22 23:47:12浏览次数:72  
标签:中文 vue element 简体 radio location ui

需要实现的效果如下:

 

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

实现步骤:

element 代码如下:

          <row-wrapper>
            <template>
              {{item.formId}}
              <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

 

  TRANSLATE with x English
Arabic Hebrew Polish
Bulgarian Hindi Portuguese
Catalan Hmong Daw Romanian
Chinese Simplified Hungarian Russian
Chinese Traditional Indonesian Slovak
Czech Italian Slovenian
Danish Japanese Spanish
Dutch Klingon Swedish
English Korean Thai
Estonian Latvian Turkish
Finnish Lithuanian Ukrainian
French Malay Urdu
German Maltese Vietnamese
Greek Norwegian Welsh
Haitian Creole Persian  
  TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE Enable collaborative features and customize widget: Bing Webmaster Portal Back     此页面的语言为中文(简体)   翻译为        
  • 中文(简体)
  • 中文(繁体)
  • 丹麦语
  • 乌克兰语
  • 乌尔都语
  • 亚美尼亚语
  • 俄语
  • 保加利亚语
  • 克罗地亚语
  • 冰岛语
  • 加泰罗尼亚语
  • 匈牙利语
  • 卡纳达语
  • 印地语
  • 印尼语
  • 古吉拉特语
  • 哈萨克语
  • 土耳其语
  • 威尔士语
  • 孟加拉语
  • 尼泊尔语
  • 布尔语(南非荷兰语)
  • 希伯来语
  • 希腊语
  • 库尔德语
  • 德语
  • 意大利语
  • 拉脱维亚语
  • 挪威语
  • 捷克语
  • 斯洛伐克语
  • 斯洛文尼亚语
  • 旁遮普语
  • 日语
  • 普什图语
  • 毛利语
  • 法语
  • 波兰语
  • 波斯语
  • 泰卢固语
  • 泰米尔语
  • 泰语
  • 海地克里奥尔语
  • 爱沙尼亚语
  • 瑞典语
  • 立陶宛语
  • 缅甸语
  • 罗马尼亚语
  • 老挝语
  • 芬兰语
  • 英语
  • 荷兰语
  • 萨摩亚语
  • 葡萄牙语
  • 西班牙语
  • 越南语
  • 阿塞拜疆语
  • 阿姆哈拉语
  • 阿尔巴尼亚语
  • 阿拉伯语
  • 韩语
  • 马尔加什语
  • 马拉地语
  • 马拉雅拉姆语
  • 马来语
  • 马耳他语
  • 高棉语
 

标签:中文,vue,element,简体,radio,location,ui
From: https://www.cnblogs.com/jamstack/p/16916906.html

相关文章

  • Vue plugin插件的使用
    前言本文主要介绍了vue中plugin插件的用法及其功能,pluginplugin用来为Vue添加全局功能,可以把通用性强的功能进行封装。定义plugin需要使用install方法。这个方法有......
  • VUE3 全局共享数据方案之一 (简单快速实现类似vuex)
    自定义封装单列模式!globalstate由于vue3的响应式系统本身可以脱离组件而存在,因此可以充分利用这一点,轻松制造多个全局响应式数据,并且通过和vuex一样通过某个模块指定......
  • 基于springboot和vue的IT内部电脑报修服务系统设计与实现-计算机毕业设计源码+LW文档
    it内部设备服务系统设计与实现摘要it内部设备服务系统将传统的网络服务方式与最新的互联网技术相结合,使用方便快捷,有利于设备维修部门规范管理,提高网络维修部门的工作效......
  • 关于echars在vue3中的使用
    根文件的配置<!--App.vue--><template><router-view></router-view></template><script>import*asechartsfrom'echarts'import{provide}from......
  • Vue2基本组件间通信
    Vue2组件通信的基础方式自己的理解:组件化通信,无非就是数据你传我,我传你,两个组件的相互交流,方法很多,下方有图示(此篇建议小白阅读,大神的话也不会看,哈哈哈哈!仅供参考,有不同......
  • Vue入门
    1安装node.js下载地址:https://nodejs.org/en/download/2配置环境变量  1 在用户变量中点击“新建”,变量名输入NODE_PATH,变量值输入nodejs安装地址:D:\softpath\no......
  • vue2+ts 设计一个扑克牌比大小的游戏
    首先         ......
  • vue-router的两种模式实现原理
    1.hash模式的简单实现2.history模式的简单实现......
  • vue2 axios11 await async 解构赋值 原生axios发起网络请求
    axios:专注发起网络请求的库get传参要params,post传参用data,具体传参看后端怎么写,后端乱写就套麻袋打一顿   post请求简化版:不用await和async时是一个prom......
  • vue:路由实现原理
    随着前端应用的业务功能起来越复杂,用户对于使用体验的要求越来越高,单面(SPA)成为前端应用的主流形式。大型单页应用最显著特点之一就是采用的前端路由系统,通过改变URL,在不重......