1.0.0 • Published 4 years ago

@sbc-fe/city-picker-element v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

基于Vue版 element-ui 二次封装 select 选择器

功能点：
  • 1：多选，可搜索，一次性搜索多个数据，以空格分开，可一次性选择多个；
  • 2：修复element-ui blur事件无效的bug

  • 3：支持分组和不分组两种模式

使用说明

支持element-ui select 组件的api 1.分组

<city-picker style="width: 500px" inline :multiple="false" :filterable="false" v-model="fix_data.form.area" :value-filter="formatValue" :keys="{label: 'areaName', value: 'areaCode', groupLabel: 'province', children: 'areas'}" :list="cityList" :disabled="fix_data.form.type == 1"></city-picker>

2.不分组

<city-picker style="width: 500px" inline v-model="fix_data.form.area" :value-filter="formatValue" :keys="{label: 'areaName', value: 'areaCode', groupLabel: 'province'}" :list="cityList" :disabled="fix_data.form.type == 1"></city-picker>
:value-filter="formatValue"

formatValue(item) {
  return item.areaId + ',' + item.areaCode + ',' + item.areaName
},

Attributes

参数说明类型可选值默认值
v-model绑定值string/array--
list数据Array/Arrayobject--
inline是否行内booleantrue/falsefalse
value-filtervalue返回值Function-item.value
keys配置选项，具体看下表object--
disabledselect框禁用booleantrue/falsefalse
multiple是否多选booleantrue/falsetrue
filterable是否可搜索booleantrue/falsetrue

keys

参数说明类型可选值默认值
label节点显示string-areaName
value节点绑定值string/number-areaId
search搜索可匹配值string/number-areaCode
children子集，keys里是否配置该选项，来判断是否分组Arrayobject--
disabled选项禁用booleantrue/falsefalse
element-ui
@everything-registry/sub-chunk-810@infinitebrahmanuniverse/nolb-_sb@zalastax/nolb-_sb
1.0.0

4 years ago