如官方文檔所說 ,
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]}
//這里根據(jù)接口獲取
使用場景 :當select進頁面時需要賦值 并且label和key不一致的時候用,淺顯的說進入頁面要求是展示name,修改后傳name對應的id給后端:
person:{
id:1,
name:'小明'
}
這個時候需要用到value-key? 并且要與v-model? ,:value, :label,:key 配合使用
坑:不太清楚為什么?value-key = id 渲染不成功? value-key = name時就成功了呢? ?:)
select 剛剛發(fā)現(xiàn)有更簡單的賦值方法? 跟著文檔的代碼只要你設的v-model="girard"里的girard和下面v-for里的:value一致就行了? ,不需要那么多彎彎繞 :)