Ant Design Vue select下拉列表被选中选项显示的是value而不是label
问题描述:下拉列表没有根据值来选中选项,显示的是一个value值,实际需要显示label1.修改前代码menus: [{ name: '系统管理', id: 3 }]<a-select v-model="mdl.parentId"><a-select-option value="">请选择</a-select-option><a-select-option
·
问题描述:
下拉列表没有根据值来选中选项,显示的是一个value值,实际需要显示label
1.修改前代码
menus: [{ name: '系统管理', id: 3 }]
<a-select v-model="mdl.parentId">
<a-select-option value="">请选择</a-select-option>
<a-select-option v-for="menu in menus" :key="menu.id" value="menu.id">{{ menu.name }}</a-select-option>
</a-select>
解决办法:
将value改为:value即可
2.修改后代码
<a-select v-model="mdl.parentId">
<a-select-option value="">请选择</a-select-option>
<a-select-option v-for="menu in menus" :key="menu.id" :value="menu.id">{{ menu.name }}</a-select-option>
</a-select>
更多推荐
已为社区贡献1条内容
所有评论(0)