elementui单选框radio传值
时间: 2023-04-26 08:06:12 浏览: 610
三种取消选中单选框radio的方法
5星 · 资源好评率100%
使用ElementUI的单选框(radio)组件时,可以通过v-model指令绑定一个变量来实现传值。当用户选择单选框中的某一项时,该变量的值会被更新为所选项的value值。例如:
```
<template>
<div>
<el-radio v-model="selected" label="option1">选项1</el-radio>
<el-radio v-model="selected" label="option2">选项2</el-radio>
<el-radio v-model="selected" label="option3">选项3</el-radio>
<p>你选择了:{{ selected }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selected: 'option1'
}
}
}
</script>
```
在上面的例子中,我们定义了一个变量selected,并将其初始值设为'option1'。在模板中,我们使用三个el-radio组件来展示三个选项,并将它们的v-model指令都绑定到selected变量上。当用户选择其中的某一项时,selected变量的值会被更新为所选项的label值。最后,我们在模板中展示了用户选择的结果。
阅读全文