iview-select選擇器組件的使用&設置默認選中的值


一,Select選擇器使用

html 

    <Select v-model="model15" prefix="ios-home" style="width:200px">
        <Option v-for="item in cityList" :value="item.id" :key="item.id">{{ item.name }}</Option>
    </Select>

data

              cityList: [
                    {
                        id: '204',
                        name: 'New York'
                    },
                    {
                        id: '205',
                        name: 'London'
                    },
                    {
                        id: '206',
                        name: 'Sydney'
                    },
                    {
                        id: '207',
                        name: 'Ottawa'
                    },
                    {
                        id: '208',
                        name: 'Paris'
                    },
                    {
                        id: '209',
                        name: 'Canberra'
                    }
                ],
                // 數據雙向綁定的值
                model15: ''

二,數據回顯(默認選中的值)

this.model15 = row.id    // 點擊修改時獲取行數據中的這個id,將這個id賦值給select的v-model綁定的值

就實現數據回顯 


免責聲明!

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



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