jia-cascader用法

Jia-Cascader是一个基于Ant Design Vue的下拉选择组件，它提供了一种层次化的选项选择功能，常用于级联选择、多级联动等场景。以下是Jia-Cascader的基本用法：

1. 引入依赖：

<template>
  <a-cascader :options="options" v-model="selectedValue"></a-cascader>
</template>

<script>
import { Cascader } from 'ant-design-vue';

export default {
  components: {
    Cascader,
  },
  data() {
    return {
      options: [
        // ... 初始化的数据结构，如省级 -> 市级 -> 区县
        {
          value: '省份1',
          children: [
            { value: '城市1', children: [] },
            { value: '城市2', children: [] },
          ],
        },
        // 更多层级数据...
      ],
      selectedValue: [],
    };
  },
}
</script>

2. 绑定值和选项到组件：
`v-model`属性绑定到Vue实例的数据属性上，`options`属性则传递数据选项。

3. 属性说明：
- `options`: 一个数组，包含所有选项的层级信息。
- `value-key` (可选): 如果选项对象不是简单的`value`键，可以设置这个属性指定映射的键。
- `load-data` (可选): 自定义加载更多数据的函数。

4. 行为示例：
用户通过点击选项可以选择父级和子级，`selectedValue`会实时更新，反映当前选择的路径。