vue监听radio属性
时间: 2023-07-03 19:09:37 浏览: 72
vue watch关于对象内的属性监听
5星 · 资源好评率100%
在Vue中,可以使用v-model指令来监听单选框(radio)的选中状态。当选中的单选框的value值与v-model绑定的属性值(即选中的值)相同时,v-model绑定的属性值就会更新为该单选框的value值。
例如:
```
<template>
<div>
<label>
<input type="radio" value="male" v-model="gender">
Male
</label>
<label>
<input type="radio" value="female" v-model="gender">
Female
</label>
<p>You selected: {{ gender }}</p>
</div>
</template>
<script>
export default {
data() {
return {
gender: ''
}
}
}
</script>
```
在上面的示例中,我们使用了v-model指令来绑定gender属性,当我们选中某个单选框时,gender属性的值会更新为该单选框的value值。
阅读全文