天天看點

uniapp,小程式或APP的底部彈出的滾動選擇元件picker,三級關聯,選擇位址。

這個元素直接就可以生成底部彈出效果看圖:

uniapp,小程式或APP的底部彈出的滾動選擇元件picker,三級關聯,選擇位址。
這裡說下最基礎的用法,實作上圖效果

/*@change是點選确認的回調,
range是綁定的數組對象,
range-key是指定對象中key值作為選擇器顯示内容
value是值表示選擇了range中的第幾個下标,
mode是選擇的彈出層類型*/
 
<picker @change="bindPickerChange" :range="array" range-key="name" :value="value"mode="selector">
    這是内容區
</picker>
//data裡的資料
array: [{
    name: '國家機關、黨群組織、企業、事業機關負責人'
    }, {
    name: '專業技術人員'
    }, {
    name: '辦事人員和有關人員'
    }],      
uniapp,小程式或APP的底部彈出的滾動選擇元件picker,三級關聯,選擇位址。

更多操作用法請看

官方文檔