在 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"

最低0.47元/天 解锁文章





