AreaPicker 选择地区

基础用法

<template>
  <plv-area-picker :area-data="areaData" v-model="value" />
</template>

<script>
import areaData from 'polyv-ui/../resources/china-area.json';

export default {
  data() {
    return {
      value: [],
      areaData
    };
  }
};
</script>

显示代码

判断是否选择完成

<template>
  <plv-area-picker
    :area-data="areaData"
    v-model="value"
  />
</template>

<script>
import { AreaPicker } from '@poluv/polyv-ui/lib-front';
import areaData from '@polyv/polyv-ui/resources/china-area.json';

export default {
  data() {
    return {
      value: [],
      areaData,
    };
  },
  watch: {
    value() {
      const isFinish = AreaPicker.isSelectFinish(this.value, areaData);
      console.log(isFinish);
    }
  },
};
</script>

Attributes

参数	说明	类型	可选值	默认值
value/v-model	绑定值	Array	-	[]
area-data	地区数据	Object	-	{}
precision	地区精度	String	area / city / province	area
placeholder	文本占位符	String	-	-
v2.22.0 area-data-url	地区数据获取地址，支持全局配置	String	-	-

Events

事件名称	说明	回调参数
finish	选择完成	-