結合el-radio-group元素和子元素el-radio能夠實現單選組:this
template部分:spa
<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部分:code
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。ip
此外,若是你綁定的屬性爲value,而不是v-model,此時,你應該使用@input:文檔