天天看点

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,三级联动,选择地址。

更多操作用法请看

官方文档