Iview框架select默認選擇一個option的值


官方文檔描述:

基本用法。可以使用 v-model 雙向綁定數據。
單選時,value 只接受字符串和數字類型,多選時,只接受數組類型,組件會自動根據Option的value來返回選中的數據

示例:

<Option v-for="item in selectSupplierNameList" :value="item.value" :key="item.value">{{ item.label }}</Option>

會跟根據 purchaseId 的值 ==  item.value,然后  渲染 相對應的item.lable 值。

代碼示例:

<template>
    <Select v-model="model1" style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>
</template>
<script> export default { data () { return { cityList: [ { value: '1', label: '北京' }, { value: '2', label: '上海' } ], model1: '' } } } </script>

當 model1 的值 為 1 時 , 它就會 顯示 北京.......


免責聲明!

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



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