如官方文档所说 ,
value-key 作为 value 唯一标识的键名,绑定值为对象类型时必填 类型为string 默认值为value
<el-select size="small" class="fours" placeholder="请选择品牌" v-model="girard" value-key="name" :disabled="isDaPin">
<el-option v-for="(item,index) in brandsSel" :value="item" :label="item.name" :key="item.id">
<span style="float: left; ">@{{item.name}}</span> </el-option>
</el-select>
js:
girard:{"id":value,"name":res.content[value][0],'daPin':res.content[value][1]}
//这里根据接口获取
使用场景 :当select进页面时需要赋值 并且label和key不一致的时候用,浅显的说进入页面要求是展示name,修改后传name对应的id给后端:
person:{
id:1,
name:'小明'
}
这个时候需要用到value-key 并且要与v-model ,:value, :label,:key 配合使用
坑:不太清楚为什么 value-key = id 渲染不成功 value-key = name时就成功了呢 :)
select 刚刚发现有更简单的赋值方法 跟着文档的代码只要你设的v-model="girard"里的girard和下面v-for里的:value一致就行了 ,不需要那么多弯弯绕 :)
网友评论