element-ui中select組件v-model綁定值為對象時的處理


對於下拉組件,當有時,不只需要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 選擇器

參考鏈接3:vue2使用element-ui的el-select組件傳遞參數和對象


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM