Vue3双向绑定选择框select动态选项 官网
Vue3里选择框的选项能动态生成。可借助循环渲染选项,数据更新时,选择框选项也会自动更新。 select v-model=selectedValue option v-for=option in options :key=option :value=option {{ option }} /option /select p你选的是: {{ selectedValue }}/p script setupimport { ref } from vue;const options = ref([选项A, 选项B, 选项C]); // 运行结果:选择框会显示这三个选项const selectedValue = ref(选项A);/script 使用v-for循环渲染选项时,要给每个选项添加:key,保证渲染效率。