学校排行榜

(0)

投一票

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值和数据里的值对应。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。