a-select中placeholder设置无效的解决办法(两种情况)
程序员文章站
2022-03-22 15:32:53
需求:1. a-select绑定基础类型数据 2. a-select使用了labelInValue,绑定的数据类型为object方式一:只取option的value值
需求:1. a-select绑定基础类型数据
需求:1. a-select绑定基础类型数据
2. a-select使用了labelInValue,绑定的数据类型为object
方式一:只取option的value值
<a-select placeholder="请选择功能类型"
v-model="submitObj.operation"
@change="typeChange">
<a-select-option v-for="(item, index) in operTypeArr"
:key="index"
:value="item.dict_entry">{{item.dict_value}}</a-select-option>
</a-select>
// 重置表单的时候这里的operation也要重置成undefined
submitObj: {
operation: undefined,
name: '',
note_explain: ''
}
方式二:使用了labelInValue
<!-- 此处不用v-model,如果还是想用可通过计算属性的get和set实现下 -->
<a-select placeholder="请选择功能类型"
labelInValue
:value="submitObj.operation.label ? submitObj.operation : undefined"
@change="typeChange">
<a-select-option v-for="(item, index) in operTypeArr"
:key="index"
:value="item.dict_entry">{{item.dict_value}}</a-select-option>
</a-select>
// 重置表单的时候这里operation的label也要清空
submitObj: {
operation: {
label: '',
key: ''
},
name: '',
note_explain: ''
}
本文地址:https://blog.csdn.net/qq_42127308/article/details/110951771