el-radio-group单选框，能否做到不能多选，只能全选，并且高亮？

Question

el-radio-group单选框，能否做到不能多选，只能全选，并且高亮？具体代码该怎么写？请各位大佬帮帮忙

Answer 1

`
<el-radio-group v-model="radio">
<el-radio :label="1">备选项</el-radio>
<el-radio :label="1>备选项</el-radio>
<el-radio :label="1>备选项</el-radio>
</el-radio-group>
`
label属性值设为一样不就好了

Answer 2

大多数语境下, radio 就是给单选用的, 之所以叫 radio, 是借用了收音机 (即 radio 字面含义) 只能选一个台的概念

所以我默认你期望的其实应该是 el-checkbox-group, 这是一个简单的要么全选, 要么不选的方案:

<template>
  <div>
    <el-checkbox-group v-model="cgroup">
      <el-checkbox-button v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox-button>
    </el-checkbox-group>
  </div>
</template>

const cityOptions = ['上海', '北京', '广州', '深圳']

export default {
  data () {
    return {
      toggle: false,
      cities: cityOptions
    }
  },
  computed: {
    cgroup: {
      get () {
        if (this.toggle) {
          return cityOptions
        } else {
          return []
        }
      },
      set (newValue) {
        this.toggle = this.toggle ? false : true
      }
    }
  }
}