1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ant-design-vue设置select选择器选中状态不起效

ant-design-vue设置select选择器选中状态不起效

时间:2023-08-04 01:35:42

相关推荐

ant-design-vue设置select选择器选中状态不起效

使用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}}})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。