1.原因:a-select标签和a-select-option标签分别绑定了两个值导致显示出错
解决方法:删除<a-select-option>
里的:value
只留<a-select>
绑定相关值的语句
<a-select
v-decorator="[
'productType',
{
rules: [{
required: true,
message: '请选择产品类型'
}]
}
]"
placeholder="请选择产品类型"
>
<a-select-option :key="item.id" v-for="item in productTypeList" :value="item">{
{ item.name }}</a-select-option>
</a-select>
2.原因:混淆:value
和v-model="value"
解决方法:将中的:value=""
改为v-model=""
即可。:value其实是v-bind的简写,v-on和v-model的区别我也还没搞懂,请大神们赐教!!
<a-select
@change="getProductLineList"
:value="lineId"
placeholder="请选择产品线"
>
<a-select-option :key="item.id" v-for="item in productLineList" :value="item.id">{
{ item.name }}</a-select-option>
</a-select>