element中级联选择器选中任意一项（动态加载数据）

html部分

      <el-cascader
        class="filter-item"
        @change="tableAreaSelect"
        @active-item-change="handleItemChange"
        :props="props"
        placeholder="请选择地区"
        :options="options"
        v-model="tableAreas"
        clearable>
      </el-cascader>

data部分

       props: {
          value: 'main',
          // 显示的文字字段名
          label: 'areaName',
          // 子层级字段名
          expandTrigger: "hover",
          children: "child",
          checkStrictly: true
        },
    options:[],
    tableAreas:[],

methods:{}

      // 获取第一级
      getArea(){
        let that = this;
        getInfo({}).then((res) => {
          this.info = res.data.dictArea;
          // console.log(res.data.dictArea);
          let id = that.inf