这个元素直接就可以生成底部弹出效果看图:

/*@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: '办事人员和有关人员'
}],
更多操作用法请看
官方文档