Ant Design Vue select下拉列表被选中选项显示的是value而不是label

问题描述：

下拉列表没有根据值来选中选项，显示的是一个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>