使用ant-design-vue从后端加载数据,然后初始化设置select选择器为选中状态,但是不起作用
首先查看你是不是加了label-in-value这个属性
<a-select style="width: 100%" placeholder="请选择资源组" label-in-valuev-decorator="['resourceGroup', { rules: [{ required: true, message: '请选择资源组' }] }]"><a-select-option v-for="group in resourceGroups" :key="group.id" :vaue="group.id">{{ group.groupName }}</a-select-option></a-select>
加了这个属性的话,ant-vue会把option的选项以{key:“6543333”,label:“广东省广州市”}对象的形式提交数据。
解决办法:
用下面这种方式赋值,同时设置key和label值
this.form.setFields({resourceGroup: {value: {key: values.Id,label: values.Name}}})