vue radio多次
时间: 2023-08-18 10:14:48 浏览: 92
您可以使用`v-model`指令来处理多个radio按钮的选择。首先,您需要创建一个数据属性来存储选择的值,然后将其与每个radio按钮绑定。这样,当选择发生变化时,Vue会自动更新数据属性的值。
以下是一个示例:
```html
<template>
<div>
<input type="radio" id="option1" value="option1" v-model="selectedOption">
<label for="option1">Option 1</label>
<input type="radio" id="option2" value="option2" v-model="selectedOption">
<label for="option2">Option 2</label>
<input type="radio" id="option3" value="option3" v-model="selectedOption">
<label for="option3">Option 3</label>
</div>
</template>
<script>
export default {
data() {
return {
selectedOption: '' // 存储选择的值
};
}
};
</script>
```
在上面的示例中,`selectedOption`属性将存储所选的radio按钮的值。您可以使用这个属性来访问和处理用户的选择。
希望对您有所帮助!如果还有其他问题,请随时提问。
阅读全文