Vue3双向绑定单选按钮动态数据 官网
能把单选按钮绑定到动态数据上。例如,从后端获取选项列表,再动态渲染单选按钮。 template div input type="radio" :id="option" :value="option" v-model="selectedOption" v-for="option in options" :key="option" label :for="option"{{ option }}/label p选择的选项: {{ selectedOption }}/p /div/templatescript setupimport { ref } from 'vue';const options = ref(['选项1', '选项2', '选项3']);const selectedOption = ref(''); // 运行结果:初始为空,选择后显示所选值/script 用v-for渲染单选按钮时,要加:key绑定唯一值,保证渲染效率。