## 省市区
介绍省市区的使用
:::demo
``` html
<template>
  <div>
    <mg-form :config="options" :form="form" ref="form" label-position="right" :status-icon="true" ></mg-form>
  </div>
</template>
<script>
  import {mgArea} from "test-xupf";
export default {
  data () {
    return {
      form: { },
      options: [
        {
          label: '省市区',
          prop: 'attachment',
          type: 'el-upload',
          dom: mgArea,
          span: 24
        },
      ],
    }
  },
  method:{
    
  }
}
</script>
```
:::

<template>
  <div class='py20'>
    省市区 属性
    <mg-table  :column="optionsTable.col" :dataList="dataList " page="false" :params="optionsTable.params" align='left'  >
    </mg-table>
  </div>
</template>
<script>
  import mgArea from "@/components/mgArea/area.vue";
export default {
  components:{},
  data () {
    return {
      checkList:[],
      form: { },
      options: [
        {
          label: '省市区',
          prop: 'attachment',
          type: 'el-area',
          dom: mgArea,
          span: 24
        },
      ],
      optionsTable: {
        params: {},
        col: [
          {
            label: '参数',
            prop: 'name',
            width: '180px'
          },
          {
            label: '说明',
            prop: 'show',
          },
          {
            label: '类型',
            prop: 'type',
            width: '120px'
          },
          {
            label: '可选值',
            prop: 'option',
             width: '220px'
          },
          {
            label: '默认值',
            prop: 'default',
             width: '120px'
          }
        ],
      },
      dataList:[
        {
         name:'',
         show:'',
         type:'Number',
         option:'',
         default:'',
        },
      ],
    }
  },
  methods:{
    onSubmit(data){
      this.checkList = data;
      this.isPerson = false;
    }
  }
}
</script>