對於下拉組件,當有時,不只需要select中的value,還需要使用其他信息如id,那么,可以使v-model綁定的值是一個對象,並加上value-key屬性,依舊可以實現默認值對應。
另外,如果數據庫中存的只是value,而不是id,那么將value值設置為value,而不是id,同樣也是可以找到的,:value="item.value",經測試,element中的級聯選擇器也是同樣的。
文檔截圖:
const enterpriseList = [{
value: '阿里',
id: '1'
}, {
value: '騰訊',
id: '2'
}]
<el-select v-model="params.enterprise" value-key="value" @change="changeFn">
<el-option :label="item.value" :value="item" v-for="(item) in enterpriseList" :key="item.id"></el-option>
</el-select>
參考鏈接1:element-ui中select組件v-model綁定對象時
參考鏈接2:Select 選擇器