城市选择

  <el-form-item label="地址：" prop="provincesCode">
          <el-cascader
            ref="cascader"
            v-model="provincesCode"
            :options="areaData"
            style="width: 400px"
            @change="handleChange"
          />
   </el-form-item>

  created() {
    this.areaData = AreaJson //将全部地址JSON赋值给新数组
    for (var i = 0; i < this.areaData.length; i++) {
      if (this.areaData[i].children.length === 0) {
        delete this.areaData[i].children // 解决因为省级区域没有下级市的BUG
      }
    }
  },

  //获取省市区的编码和名称 
 handleChange(value) {
      this.labelList = this.$refs.cascader.getCheckedNodes()[0].pathLabels
      this.codeList = value
    },