elementui / region-picker

A region picker based on Vue and ElementUI.

region-picker

A region picker based on Vue and ElementUI.

Demo

Region Picker

Installation

yarn add region-picker
# npm i region-picker -S

Usage

import RegionPicker from 'region-picker'
import 'region-picker/dist/region-picker.css'
import data from 'region-picker/dist/data.json'

Vue.use(RegionPicker)
// or
Vue.component(RegionPicker.name, RegionPicker)

<!-- Single -->
<region-picker :data="data"></region-picker>

<!-- Multiple -->
<region-picker multiple :data="data"></region-picker>

<!-- Two Level -->
<region-picker :max-level="2" :data="data"></region-picker>

<!-- Disabled -->
<region-picker disabled :data="data"></region-picker>

<!-- Default Value -->
<region-picker v-model="place" :data="data"></region-picker>

License

MIT

region-picker's Issues

有events吗？

建议文档再详细点

建议文档再详细点，以便更方便地使用。

两个BUG反馈

1. 在form表单下，region-picker（prop：muliple=true），点击确认、取消按钮会Submit Form，需要设置button的type=button
   h( 'button', { class: { 'region-picker__button': true, default: true }, attrs: { type: 'button' }, on: { click: () => this.blur() } }, this.cancelText ),
2. region-picker（prop：muliple=true），点击取消按钮，没有Reset Value
   blur() { this.panelVisible = false this.searchValue = '' if (this.multiple && !this.confirmed) { this.selected = this._selected this.$emit('change', this.modelValue) this.$emit('input', this.modelValue) this.dispatch('ElFormItem', 'el.form.change', this.modelValue) } if (this.$refs.searchInput) { this.$nextTick(() => { this.$refs.searchInput.blur() this.$emit('blur') this.dispatch('ElFormItem', 'el.form.blur', this.modelValue) this.isFocus = false }) } } },

input 事件里可以返回省市区名称组成的数组吗？

现在input事件返回的数据是adcode，可以返回['浙江省','杭州市','西湖区']这样的数据吗

只能在单页环境中使用吗

如题。

不能改变样式

我在页面中重写插件的样式，但是毫无反应，在Chrome检查元素，不显示我添加的属性

v-model 默认值不是双向绑定？

您好，拿您的代码试了下，v-model 似乎不是双向绑定的.. 看了下源码，单选模式 single.vue 里提供 了select({}) 可以置空，但是该方法并没有往顶层暴露... 😌 有点尴尬..

有遇到多选清空表单的业务场景，貌似只能通过 v-if 重绘或者去清空掉dom了，心塞..

才疏学浅，或许我姿势不对？

谢谢