学校排行榜

(0)

投一票

Vue3双向绑定选择框select动态选项 官网

Vue3里选择框的选项能动态生成。可借助循环渲染选项,数据更新时,选择框选项也会自动更新。 template select v-model="selectedValue" option v-for="option in options" :key="option" :value="option"{{ option }}/option /select p你选的是: {{ selectedValue }}/p/templatescript setupimport { ref } from 'vue';const options = ref(['选项A', '选项B', '选项C']); // 运行结果:选择框会显示这三个选项const selectedValue = ref('选项A');/script 使用v-for循环渲染选项时,要给每个选项添加:key,保证渲染效率。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。