Install
Using npm:
npm install gq-plus --save
import areaGq from 'gq-plus';
Vue.use(areaGq);
Usage
根据地区码获取地区中文:
this.$GqPlus.getTextByCode(code)
重置地区:
this.reset()
Usage
<template> <areaSelect @on-change="onChange" /> <areaSelect :value="value" /></template><script> export default { data () { return { value: ['河南省', '洛阳市', '偃师市'] } }, methods: { //地区选择事件回调 onChange(area){ //area 是个对象 code: 地区编码, label: 地区中文,数组 console.log(area) }, //根据code返回省市县数据 getTextByCode(){ let text = this.$GqPlus.getTextByCode("110101") //text 返回值 北京市-市辖区-东城区 } }, methods: { //重置 reset(){ //三种方法都支持 this.value = '' //this.value = [] //this.value = '000000' } } }</script>
API AreaSelect
props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 地区code编码, 6位数字或者地区中文数组 | String, Number, Array | - |
disabled | 设置为禁止选择状态 | Boolean | false |
labelWidth | 省/市/县 输入框默认宽度 | Number | 145 |
level | 要显示的级别,如设为2则显示省、市和县,即3级,级别可设为0、1、2 | Number | 2 |
showSearch | 是否开启搜索功能,默认开启 | Boolean | true |
events
事件名 | 说明 | 返回值 | 返回值参数说明 |
---|---|---|---|
on-change | 选择地区时触发 | Objece{ code, label } | code: 地区编码, label: 地区中文,数组 |
Copyright (c) 2019-01-16, 32237384@qq.com