element-ui select value-key踩坑記錄

如官方文檔所說 ,

value-key?作為 value 唯一標識的鍵名,綁定值為對象類型時必填? ?類型為string? ? 默認值為value

element-ui官方文檔


<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一致就行了? ,不需要那么多彎彎繞 :)

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • pyspark.sql模塊 模塊上下文 Spark SQL和DataFrames的重要類: pyspark.sql...
    mpro閱讀 9,911評論 0 13
  • 一場雨過后 世界澄澈清明 所有的悲傷與失意都被沖刷 殘留的矯情會顯得刻意 我以為風平浪靜,萬里無云 后來發(fā)現(xiàn)心里的...
    北城未眠閱讀 445評論 55 11
  • 最近微信好友都在朋友圈狂曬自己18歲的照片,每個人都在感嘆時光易逝。其實仔細想,不管你在什么年紀,看到比你...
    bb5647d69423閱讀 232評論 0 0

友情鏈接更多精彩內(nèi)容