结合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:
