c-area 省市区选择

c-area 是基于 uView 的 u-picker 组件的封装，用于选择省市区。

基础用法

<template>
  <view>
    <u-button @click="show = true">选择地区</u-button>
    <c-area ref="cArea" :show="show" @confirm="confirm" @close="show = false"></c-area>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show: false
    }
  },
  methods: {
    confirm(e) {
      console.log('选择结果', e) // ['北京市', '北京市', '东城区']
      this.show = false
    }
  }
}
</script>

Props

参数	说明	类型	默认值
show	是否显示选择器	Boolean	false

Events

事件名	说明	回调参数
confirm	点击确定按钮触发	value: Array (省市区名称数组)
close	点击取消或遮罩触发	-

Methods

方法名	说明	参数
setEcho	设置回显
open	打开选择器 (也可通过 props:show 控制)	-
close	关闭选择器	-