elementUI 单选框存在多个互斥的选项中选择的场景

使用 el-radio-group 来使用单选框组,代码如下:

复制代码
<el-radio-group @input="valueChangeHandler" v-model="featureForm.type">
    <el-radio name="feature" label="feature">业务对象</el-radio>
    <el-radio name="directory" label="directory">目录</el-radio>
</el-radio-group>

只需在 el-radio-group 上设置 v-model,每个 el-radio 子项设置label属性。v-model 绑定的响应数据对象的值就是对应这个 label的值,两者相等即可将该 radio 选中。

例如:响应式数据对象 featureForm对象如下:

复制代码
data() {
    return {
      featureForm: {
        type: 'feature',
        name: '',
        label: ''
      },
    }
  }

即可将 业务对象这个单选框选中!

相关推荐
子兮曰2 分钟前
深入浏览器指纹:Canvas、WebGL、Audio是如何暴露你的身份的?
前端·浏览器·canvas
月亮补丁4 分钟前
AntiGravity只能生成 1:1 图片?一招破解尺寸限制
前端
何中应9 分钟前
MindMap部署
前端·node.js
NAGNIP11 分钟前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
一个网络学徒15 分钟前
python5
java·服务器·前端
tiantian_cool15 分钟前
Claude Opus 4.6 模型新特性(2026年2月5日发布)
前端
0思必得020 分钟前
[Web自动化] Selenium获取元素的子元素
前端·爬虫·selenium·自动化·web自动化
用户57573033462427 分钟前
🌟 从一行 HTML 到屏幕像素:浏览器是如何“画”出网页的?
前端
NEXT0629 分钟前
React Hooks 进阶:useState与useEffect的深度理解
前端·javascript·react.js
sure28235 分钟前
React Native应用中使用sqlite数据库以及音乐应用中的实际应用
前端·react native