Element-UI单选框（el-radio-group）点击事情的问题

结合el-radio-group元素和子元素el-radio可以实现单选组：

template部分：

<el-radio-group v-model="tabPosition" v-for="item in tabs" :key="item.id" @click="toggleTab(item.id)"><el-radio-button :label="item.name"></el-radio-button>
</el-radio-group>

script部分：

export default {data() {return {tabPosition: '英语',tabs: []};},created() {this.getTabs();},methods: {getTabs() {this.$http.getData('/categories').then(val => {this.tabs = val.data;})}}

发现，点击按钮没有效果。查阅文档发现radio-group点击事情使用的是change，而我之前惯性使用了click。

此外，如果你绑定的属性为value，而不是v-model，此时，你应该使用@input：

Element-UI单选框（el-radio-group）点击事情的问题相关推荐

element UI 单选框设置默认选中值
如上图所示,需要给单选加上默认值代码如下 view <el-form-itemlabel="可见"prop="locked"><el-ra ...
如何获取select中的value、text、index相关值如何获取单选框中radio值触发事件 radio 默认选中...
如何获取select中的value.text.index相关值 select还是比较常用的一个标签,如何获取其中的内容呢? 如下所示: <select id="select" ...
Element el-radio 单选框详解
点此查看全部文字教程.视频教程.源代码本文目录 1. 用途 2. 单选框 3. 单选框样式 4. 单选框组 4. 单选框组样式 5. 尺寸调节 6. 绑定值变化事件 7. 小结 1. 用途单选框使 ...
Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...
关于input单选框的radio属性
最近在做前端页面的时候遇到一个问题(后端php猴子前端不怎么写) 我写了一段代码: <form action=""> <label for=&qu ...
表单项标签的input标签的单选框（radio）
<input type="radio" name="gender" value="male"> 男 <input type ...
element ui 穿梭框_改造ElementUI穿梭框
最近,在做公司项目过程中,遇到了一个小需求,就是给客户选择套餐的某一种属性的时候,有些属性是有数值的,开始想用table去做但是太low,因为项目是用vuejs作为前端技术,element作为辅助ui ...
单选框（radio）实现性别选择，实现选中后取消
今天在用input的radio属性时,发现这个标签有两个特别,1. 只能选择一个,选中之后还不能取消:2. 如果性别(男.女)又该怎么写代码使其选中一个状态? 说来也简单,下面两行代码就可以实现,但要 ...
element ui 穿梭框_element ui 的穿梭框的右边框在初始化怎么赋值上去
展开全部在表格初始化时,设32313133353236313431303231363533e78988e69d8331333433646465置selectable属性,回掉参数为(row,inde ...

Element-UI单选框（el-radio-group）点击事情的问题

Element-UI单选框（el-radio-group）点击事情的问题相关推荐

最新文章

热门文章