在 Vue 2 中,Element UI 提供了 el-radio
和 el-radio-group
组件用于单选按钮。而在 Vue 3 中,由于 Element UI 并没有直接支持 Vue 3,而是有一个名为 Element Plus 的项目提供了类似的组件集以支持 Vue 3。下面我会分别介绍 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中 el-radio
组件的属性、事件和方法,并给出示例。
Vue 2 的 Element UI
el-radio
属性:
value
:单选框的值label
:当在el-radio-group
中使用时,作为单选框的 labeldisabled
:是否禁用单选框border
:是否显示边框name
:原生 name 属性
事件:
change
:值改变时触发
方法:
el-radio
本身没有提供方法,但你可以通过事件监听和 Vue 实例的属性来操作它。
示例:
<template>
<el-radio-group v-model="radioValue">
<el-radio label="选项1"