这篇博客介绍了如何在Vue.js中使用el-radio-group组件实现单选全选的效果。通过示例代码，展示了当label属性值相同时，如何达到只能全选或不选的功能。博主提到了通常radio用于单选，但这里的需求更接近于checkbox的全选行为，并提供了一个简单的实现方案。
el-radio-group单选框，能否做到不能多选，只能全选，并且高亮？具体代码该怎么写？请各位大佬帮帮忙
回答
`
备选项
备选项
备选项
`
label属性值设为一样不就好了
大多数语境下, radio 就是给单选用的, 之所以叫 radio, 是借用了收音机 (即 radio 字面含义) 只能选一个台的概念
所以我默认你期望的其实应该是 el-checkbox-group, 这是一个简单的要么全选, 要么不选的方案:
{{city}}
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
}
}
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
