Vue3双向绑定选择框select的基本使用 官网
在Vue3里,可借助v-model指令实现选择框select的双向绑定。双向绑定指的是数据变化时视图自动更新,视图变化时数据也自动更新。 template select v-model="selectedOption" option value="option1"选项1/option option value="option2"选项2/option /select p你选择的是: {{ selectedOption }}/p/templatescript setupimport { ref } from 'vue';const selectedOption = ref('option1'); // 初始值// 运行结果:页面显示选择框,默认选中选项1,下方显示选择的内容/script 使用v-model绑定选择框时,要保证option的value值和数据里的值对应。