级联选择

![](/media/202404/2024-04-30_103005_221593.png)

------------
级联选择

------------
代码示例如下
```html
<template>
    <div>
        <el-input v-model="model.pathIds"></el-input>
        <el-input v-model="model.pathLabels"></el-input>
        id:<el-input v-model="model.id"></el-input>
        name:<el-input v-model="model.name"></el-input>
        <hi-cascader :model="model" v-model="model.id" v-bind="props" clearable></hi-cascader>
        
    </div>
</template>

export default {
    data() {
        return {
            model: { desc: "", id: "note21",label:"阴凉1",id1:[],pathLabels:"",pathIds:"" },
            props: {
                name: "id",
                label: "查找定义",
                size: "small",
                lookup: {
                    label:"desc",
                    // multiSelect:true,
                    "modelFile": "eap5csxm.pro/KongJianCeShi.dir/ShuJuZuJian.dir/ShuKongJian.moduledir/dataset.datadir/ShuKongJianw_shukongj.bizstore|fDgHULTF.BizEntity~_extFile",
                    // param: { "fid": "-1"},
                    id: "fguid",
                    pid: "fid",
                    pathLabels: "pathLabels",//标签路径
                    pathIds:"pathIds",//id路径
                    // returnFields: {
                    //     "desc": "name",
                    //     "note":"note",
                    // },
                    sourceDsId:"LttuNS9K",
                    "fieldPair": {
                    //模型数据集
                        "LttuNS9K":
                        {
                            "targetEntity": "vfPrrdr",
                            "returnFields": {
                                "id": "note",
                                "name": "name"
                            }
                        },
                },
                },

"show-all-levels": true,
                props: {
                    value: "note",
                    label: "name",
                    leaf: "leaf",
                    emitPath:false,
                    // multiple: true,
                    // checkStrictly: true,
                    // lazy: true
                }
            }
        }
    },
    methods: {

},
    created() {

}
};
</script>
```

</div>

### Attributes

| 参数    | 说明         | 类型     | 可选值                   | 默认值 |
|-------|------------|--------|-----------------------|-----|
| name  | 字段名        | string |                       |     |
| label | 字段描述       | string |                       |     |
| size  | 用于控制该按钮的尺寸 | string | medium / small / mini |     |

### lookup Attributes

| 参数           | 说明       | 类型           | 可选值           | 默认值 |
|--------------|----------|--------------|---------------|-----|
| modelFile    | 来源数据集    | string       |               |     |
| param        | 顶级数据参数   | object/param |               |     |
| id           | 树ID字段    | string       |               |     |
| pid          | 树父ID字段   | string       |               |     |
| label        | 目标返回显示字段 | string       |               |     |
| pathLabels   | 标签路径     | string       |               |     |
| pathIds      | ID路径     | string       |               |     |
| path         | ID路径返回   | array        | [id1,id2,id3] |     |
| pathLabel    | 标签路径返回   | array        | [id1,id2,id3] |     |
| returnFields | 目标返回字段   | object       |               |     |

</style>