element-ui el-cascader 动态加载省市区 三级联动

 参考文章地址：http://raboninco.com/1OFB3

<template>
  <div id="zoning">
    <el-cascader
      ref="cascader"
      :options="options"
      :clearable="true"
      placeholder="请选择省市区"
      :size="size"
      :props="props"
      @active-item-change="handleItemChange"
      @change="changefn"
    />
  </div>
</template>

<script>
export default {
  name: 'MyProvinces',
  props: {
    arrOptions: {
      // 回显数组
      type: Array,
      default: () => {
        return [];
      }
    },
    type: {
      // 1获取国内省市区 2 获取目的国省市区
      type: Number,
      default: 1
    },
    size: {
      type: String,
      default: 'small'
    }
  },
  data() {
    return {
      options: [],
      props: {
        value: &#