# popupPicker > import PopupPicker from 'zhidian-ui/lib/popupPicker.js' :::demo ```html popupPicker ``` ```javaScript ``` ::: :::demo ```html popupPicker data by json ``` ```javaScript ``` ::: ### popupPicker Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |------------- |---------------|------------ |-------- | | isReverse | popup弹出方向 | `Boolean` | — | false | | height | popup弹出框高度 | `Number` | — | — | | show | 是否显示popupPicker | `Boolean` | — | — | | value | 表单值，使用 v-model 绑定 | `Array` | — | — | | mask | 是否显示背景浮层 | `Boolean` | — | true | | data | 选项列表数据，如果数据是数组对象的话，需要指定`columns`属性 | `Array` | — | — | | columns | 指定联动模式下的列数，当不指定时表示非联动。 | `Number` | — | — | | fixed-columns | 指定显示多少列，隐藏多余的 | `Number` | — | — | | column-width | 定义每一列宽度，只需要定义除最后一列宽度，最后一列自动宽度， 比如对于3列选择，可以这样：[1/2, 1/5] | `Array` | — | — | ### popupPicker Event | 名称 | 参数 | 描述 | |---------- |------------- |---------------| | on-change | (Params) | 选择值变化时触发 | | on-show | (Params) | — | | on-hide | (Params) | — | ### popupPicker Methods | 名称 | 参数 | 描述 | |---------- |------------- |---------------| | getNameValues | | 根据 value 获取字面值 |