vue2三组radio
时间: 2023-08-20 09:06:22 浏览: 52
在Vue2中,你可以使用`v-model`指令和`v-bind`指令来实现三组Radio的功能。下面是一个示例:
```html
<template>
<div>
<label>
<input type="radio" v-model="selectedOption" value="option1">
Option 1
</label>
<label>
<input type="radio" v-model="selectedOption" value="option2">
Option 2
</label>
<label>
<input type="radio" v-model="selectedOption" value="option3">
Option 3
</label>
</div>
</template>
<script>
export default {
data() {
return {
selectedOption: 'option1'
};
}
};
</script>
```
在上面的示例中,`v-model="selectedOption"`绑定了三个Radio按钮的选中状态。`selectedOption`是一个data属性,用来存储选中的选项的值。每个Radio按钮都有一个不同的`value`属性,表示它们的值。当用户选择一个选项时,`selectedOption`的值会更新为相应的选项的值。
你可以根据需要修改上面的示例来适应你的具体情况。