vue单选框如果是选择第一个那么返回true,如果选择第二个单选框返回false
时间: 2024-03-20 14:41:23 浏览: 46
vue实现单选和多选功能
5星 · 资源好评率100%
可以通过v-model指令来绑定单选框的值,并且在选择第一个单选框时,v-model的值为true,选择第二个单选框时,v-model的值为false。例如:
```
<template>
<div>
<input type="radio" id="first" value="true" v-model="selected">
<label for="first">First</label>
<input type="radio" id="second" value="false" v-model="selected">
<label for="second">Second</label>
<p>{{ selected }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selected: true
}
}
}
</script>
```
在上述代码中,当选中第一个单选框时,v-model的值为true,如果需要返回true,则可以直接使用v-model的值,如果需要返回false,则可以使用!selected;当选中第二个单选框时,v-model的值为false,如果需要返回true,则可以使用!selected,如果需要返回false,则可以直接使用v-model的值。
阅读全文