el-radio

el-radio编辑选不中和el-tree相关问题

1.解决el-raido选不中的问题onSelectChange(){this.$forceUpdate();}2.el-tree复选框选中选中的id值//前提条件node-key="id"//获取ids值letres=this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())3.el-tree编辑复选
荣~博客·2023-08-02 21:34

el-radio如何分行排版element-ui，每一项占一行用 display: block；

原来的组件效果处理后的效果使用的代码/deep/.el-radio{display:block;line-height:23px;white-space:normal;margin-right:0;}
yuanyi正·2023-07-31 05:18

单选框选中时对应输入框可输入

单选框选中时对应输入框可输入首先在el-radio-group绑定v-model，再设置每个单选框的el-radio的label值，再绑定el-input的：disabled，表示当form的model
TWenYuan·2023-07-27 16:10

elementUI el-radio 无法点击的问题

B端客户类型{{item.name}}新增类型这里有两个坑，看你碰到哪一个1、:label="item.id"属性是Number类型还是String类型，要与Model绑定也要保持一致2、不支持先创建对象再赋值的方式，可以改成如下这种form=Object.assign(form,form.identity);form.user_type=String(form.user_type);this.f
会飞的胖达喵·2023-07-20 12:14

el-radio单选框，取消选中

1.背景：在公司开发需求中有一个选择颜色的单选框（黑色，白色），每种颜色选择后均支持取消选中，可是el-radio标签不支持取消选中。
大大。·2023-07-18 13:49

elementUI_el-radio踩坑_设置点击事件会触发两次

el-radio设置点击事件会触发两次问题描述代码实现问题原因解决问题描述使用了elementUI的单选按钮，点击按钮时对数据进行校验[1]若校验成功，则打开弹框；[2]若是校验失败，则给出提示；代码实现手动选择手动输入
乖女子@@@·2023-07-14 07:36

el-element el-radio 触发两次click事件 解决方案

中文English//切换语言handleToggleLanguage(event,lang){if(event.target.tagName==='INPUT'){return;}this.$i18n.locale=lang;this.setLanguage(lang);},
程序员李钟意·2023-06-17 04:45

Element-ui中的el-radio无法数据回显

使用Element-ui版本2.15.7需要回显的代码借租出现的问题：在网上查了一下，由于我数据库中action字段的类型为int类型，而radio的值默认应该是string类型，所以radio不会默认选中。解决办法就很多了，我是从后台拿到数据以后再把int转成String类型//由于radio默认返回了String值，所以要把其转为int类型letaction=row.action.toStri
Otto_1027·2023-06-10 10:29

Element 单选框 el-radio 点击改变触发事件使用示例

不同意同意提交订单exportdefault{data(){return{radioTreaty:'1',btnstatus:true,}},methods:{agreeChange:function(val){letthat=thisthat.btnstatus=(val==='1')?true:false;}}}
新老农·2023-04-11 18:35

element-ui的el-radio怎么在已选中的情况下，再次点击取消选中

element-ui如果真要实现单选并且再次点击取消，可以选用checkbox，设置max=1即可data(){return{checkList:['A']}}如果一定要用radio，也可以使用下面的方法1data(){return{radio:1}}clickitem(index){index===this.radio?this.radio=''":this.radio=index},
吃盖浇饭·2023-03-31 18:37

Vue ElementUI el-tree 添加单选按钮 el-radio 效果

el-radio的change事件必须设置，否则无选中效果；exportdef
AvatarGiser·2023-03-31 00:39

elementUI源码分析-04-radio

一、基础回顾el-radio是单选组件，是对原生的封装。
范小饭_·2023-03-21 07:21

element-ui el-tabs el-radio 在IE浏览器点击消失

添加这段代码即可el-tabs点击有时会全部消失.el-tabs__item{display:inline-block;}el-radio点击被选中的消失.el-radio-group{.is-active
良品山核桃·2023-02-04 06:12

el-radio单选，取消选择

el-radio单选，取消选择内容简单，直接看代码内容一内容二clickitemdataType(e){//e为radio的label值e===this.dataType?
東三城·2023-01-30 11:40

关于element-ui 单选框默认值不选中的解决

好的在cv一遍还是发现默认值不选中,我就好好看el-radio各个属性,依然
·2023-01-14 04:54

修改el-radio的选中样式

项目需求，需要更改element-ui中el-radio的选中样式，具体操作如下/**修改el-radio的选中样式*//deep/{.el-radio__inner{width:18px;height
古物店·2022-11-20 14:23

使用数组方法indexOf()判断两个数组里面是否有相同项，如果不包含，则添加item.checked = true

下面是我的代码：使用element-ui中的el-radio（
·2022-09-15 16:58

使用element-ui中的el-radio（单选框）组件实现选中和取消选中功能

下面是我的代码：使用element-ui中的el-radio（单选框）组件实现选中和取消选中功能*{margin:0;padding:0;}请选择优惠活动{{item.activityName}}{{item.activityName
·2022-09-11 22:12

使用控制台$0让禁用的表单项和按钮能修改点击

有时候为了省事情，我们直接给表单的el-input或者el-radio或者el-select以及的el-button等加上一个disabled禁用属性，这样的话，就不能编辑操作，不能点击保存了。
·2022-05-24 11:06

修改Element-UI中el-radio或者el-checkbox的样式

::v-deep{.el-radio{//添加边框/*border:1pxsolidrgb(207,204,204);*///选中时边框的颜色/*&.is-checked{border:1pxsolid
男人宫·2021-09-29 09:01

element编辑表单el-radio回显之后无法选择的问题解决

各位高人请绕道，避免浪费时间，谢谢~今天主要来谈一下element-ui编辑表单中的el-radio回显之后无法选择的问题，主要涉及到vue的双向绑定，以及element-ui编辑表单中的el-radio
·2021-08-12 12:52

如何在elementUi 表格table组件内使用单选框radio

解决思路:使用elementUI的el-radio单选组件，通过插槽slot添加到表格内，通过table提供的单选方法row-click进行单选绑定。
谈论者·2021-04-28 14:11

element-ui源码解读-radio

饿了么el-radio先宏观分析一下，首先看看radio有几种形态或者说有几种使用方式吧。
·2021-03-22 19:28

vue单选框选中_【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

难度值：⭐需求描述：弹窗里面的表单，是复用的后台返回数据，输入框里面的数据复用很容易，通过prop属性即可。问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成，后台需要的单选框isGroupcompany参数值
weixin_39688451·2020-12-19 16:47

关于修改<el-radio>中的字体大小

解决方案：在样式中，增加.el-radio/deep/.el-radio__label{font-size:20px!important;}，如图三。图三最终效果如图四。
_越努力_越幸运·2020-11-09 14:53

vue+elementUI中el-radio设置默认值

如果后台返回的单选框的值是number：单选框的lable需要设置成:lable=‘0’;如下：普货仿牌data(){return{form:{ifCode:0}}}后台返回的是字符串则正常写；普货仿牌data(){return{form:{ifCode:'0'}}}
恩婧·2020-09-17 06:43

el-radio-group for循环方法

经常会遇到el-radio-group和el-radio是一个列表，需要遍历出来，然后将选中的值赋值过去，页面中很多地方都用到这个组件，如果用到的地方很多，可以el-radio-group提取出来，直接传
管火火火·2020-09-17 06:18

el-radio中触发两次事件处理方法

关于在elementUI中使用el-radio中添加click事件触发两次事件备选项备选项备选项找了半天原因，后来发现是el-radio被封装多层，根元素不是input，我认为是由于事件冒泡机制导致的，
程什么家？·2020-09-14 13:24

ElementUI

el-container布局容器el-container属性el-header属性el-aside属性el-footer属性color色彩el-button按钮el-button-group按钮组表单控件el-radio
kikpin·2020-09-13 22:12

elementui下el-table中使用el-radio单选而不要标题

 核心代码在:label=“scope.row”和加上 直接都可以用了
danbing2226·2020-09-10 21:52

多个el-checkbox el-radio 三维数组 动态绑定值

这是一个考试页面由于后台给的数据：questionType0选择题1多选题2判断题3简答题4填空题，但是每种题型不仅只有一次，也就是不确定每种题目类型的题目数量，仅仅用一维数组已经不满足要求了，而每次多选的时候本身就是二维数组，所以要构建三维数组。后台给的数据：-->{{mm.prefix}}、{{mm.prefix}}、{{mm.prefix}}{{mm.prefix}}：重点是这个this.e
PairsNightRain·2020-09-10 16:13

如何对 el-table列表项 内的 form表单元素 使用 自定义规则校验

主职项使用el-radio单选按钮，与上下
yssa1125001·2020-08-24 05:59

ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据

场景结合el-radio-group元素和子元素el-radio可以实现单选组，在el-radio-group中绑定v-model，在el-radio中设置好label即可，无需再给每一个el-radio
霸道流氓·2020-08-13 11:00

el-radio el-select el-checkbox在对话框选择时页面抖动

important;}3.单选框选中时页面抖动.el-radio::after{transitio
wusq..·2020-08-08 20:16

element 框架 el-radio-group 赋值之后点击无效的问题

el-radio-group下的el-radio赋值之后点击无效但是数据已经改变了页面却没有变化是因为从后台获取的值不能直接给赋给formData需要一个中间变量是否asyncfetchData(){lettempFormData
未了丶·2020-08-08 17:31

el-radio-group里面的el-radio无法切换

template.ruleForm=data.info;template.ruleForm.courses=data.courses;虽然上面的赋值方式也刷新了数据，但是el-radio-group中的el-radio
PolarisHuster·2020-08-08 16:51

el-table中实现单选按钮

其实element本身是有提供单选这个功能的，只是效果不太明显…用色块表示…我比较俗…喜欢这种直截了当一眼就知道我选中它了的…所以就结合它本身的单选功能和el-radio拼一拼…上菜…哦不…上码 
Birkhoff22·2020-08-05 15:54

element-ui点击radio获取后面input的内容

radioA时，自动获取后面input框中的内容 前提：我选用的是组件库中的单选框组 根据查阅element-ui的官方API得知，如果使用了单选按钮组，在el-radio-group中绑定v-model，在el-radio
袁浩东·2020-07-11 20:00

组件element------form组件（1），Radio 单选框-----Cascader 级联选择器

备选项备选项exportdefault{data(){return{radio:'1'};}}禁用状态-----只要在el-radio元素中设置disabled属性即可，它接受一个Boolea
倚窗听梦~~~·2020-07-08 23:01

element ui的el-radio踩坑

1.html123{{item.empName}}4剩余单数：{{item.orderCount}}单567892.jsopenAddOrder:function(){this.dialogVisible=true;this.getAreaInfoAddOrderListMon()},getAreaInfoAddOrderListMon:function(){this.$http.get("/es
weixin_33768481·2020-07-08 15:28

element-ui使用v-for来遍历el-radio - 学习记录帖

{{item.label}}exportdefault{data(){return{imgSrc:"../../static/images/tx.jpg",radio:"1",form:{sttusCodes:[{label:"男",value:"0",selected:"1"},{label:"女",value:"1",selected:"0"}],}},methods:{onRadioChan
webfullstack·2020-07-08 12:43

Element-Ui组件之Radio 单选框（点击和el-tabs点击）

基础用法单选框组备选项备选项备选项按钮形式的单选框组el-radio属性：参数类型说明可选值默认值labelRadio的valuestring/number/boolean——disabled是否禁用boolean—falseborder
NPException·2020-07-07 23:27

el-radio（自定义样式）获取选中label值 + 选中状态 + 拼接String + post提交 - 踩坑篇

效果图·截图：注意点：需要使用label传值，后台接什么，你就传什么（这个需要和后台事先确定好）使用@change事件，监听鼠标点击事件，但并非是在每个el-radio对象上都添加该事件，这一点就不同于
草巾冒小子·2020-07-07 22:50

ElementUI中el-radio再次点击取消选中

第一种方法：最好备选项备选项备选项clickitem(e){e===this.radio2?this.radio2='':this.radio2=e},第二种方法：需要先把之前的设置为不选择，才能重新选择其他的data(){return{checkList:['选项A']}}第三种：不对。当radio已被选中时，@change事件不会被触发。另外val和v-model的值是相等的，val===th
官尔·2020-07-07 14:18

vue.js循环radio

最近在做一个组件联动的，需要循环展示el-radio，花了很多时间现在记录一下，也给遇到类似问题的小伙伴一个参考{{opt.value}}效果：数据格式：options:[{label:"1",value
20180518·2020-07-07 13:21

element-ui中el-radio组件绑定点击事件触发两次的解决办法

一.需求：今天在做项目时有这样一个需求，需要做个单选框，然后点击选中，再次点击时取消，如下图：我用的是element-ui的el-radio，代码如下：是否将此原因同步短信发送给用户exportdefault
霜雪遥·2020-07-07 01:21

Element 单选框 el-radio 点击改变触发事件使用示例

效果：代码：  不同意  同意提交订单exportdefault{data(){return{      radioTreaty:'1',      btnstatus:true,}},methods:{agreeChange:function(val){letthat=thisthat.btnstatus=(val==='1')?true:false;}}}
烂笔头.·2020-07-06 20:48

Element-Ui组件（六）Radio 单选框

Radio单选框本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/radio基础用法单选框组备选项备选项备选项按钮形式的单选框组el-radio
究极死胖兽·2020-07-05 13:27

【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

难度值：⭐需求描述：弹窗里面的表单，是复用的后台返回数据，输入框里面的数据复用很容易，通过prop属性即可。问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成，后台需要的单选框isGroupcompany参数值
IrisLong·2020-07-01 18:39

element-ui编辑表单中的el-radio无法选择的情况

困扰了半上午的bug，表单样式及代码如下。问题是回显数据之后，当我点击其他的radio想要选择的时候，勾选不了。在网上找到了一样的bug，有解决方案，同样没有找到原因。解决方案是：原本是把从后台得到的数据res.data直接赋值给editPowerForm，现在需要先把res.data赋值给letobj，然后再由obj赋值给editPowerForm，就可以了。原因是editPowerForm没有
南极大冰块·2020-06-29 05:07
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他