el-cascader自定义

el-cascader是基于element-ui和vue-virtual-scroller的级联选择器，它使用虚拟列表的方式逐级渲染列表，适用于数据量较大的场景。以下是el-cascader的自定义代码示例：

<el-form-item label="办事处:" prop="officeNameArr">
<el-cascader :options="options" :props="{ multiple: true}" :style="'width:' + this.$store.state.FormInputWidth.elFormItemWidth + 'px'" v-model="newUsersForm.officeNameArr" size='small' collapse-tags clearable :show-all-levels="false">
<template slot-scope="{ node, data }">
<span>{{ data.name }}-{{ data.label }}</span>
<span v-if="!node.isLeaf"></span>
</template>
</el-cascader>
</el-form-item>

你可以根据自己的需求，在el-cascader组件中进行自定义配置。在上述代码中，我们使用了multiple属性来支持多选功能，使用了collapse-tags属性来支持折叠标签，使用了clearable属性来支持清除已选项，使用了show-all-levels属性来控制是否显示所有层级。此外，你还可以根据需要在slot中进行更多的自定义操作。