Vue3双向绑定单选按钮基础 官网
在Vue3里,双向绑定单选按钮很常用。借助v-model指令,可实现数据和单选按钮状态的双向同步。 template div input type="radio" id="option1" value="option1" v-model="selectedOption" label for="option1"选项1/label input type="radio" id="option2" value="option2" v-model="selectedOption" label for="option2"选项2/label p选择的选项: {{ selectedOption }}/p /div/templatescript setupimport { ref } from 'vue';const selectedOption = ref(''); // 运行结果:初始为空,选择后显示所选值/script 要保证单选按钮的value属性不同,不然绑定会出错。