二次封装el-cascader

二次封装 el-cascader 可以通过将 el-cascader 包装在一个新的组件中，并使用 props 来控制其行为和样式。具体实现可以参考以下步骤：

1. 创建一个新的组件，可以使用 Vue.extend() 或者直接创建一个新的 Vue 实例。
2. 在新组件中引入 el-cascader，并将其放置在模板中。
3. 在新组件中定义 props，用于传递 el-cascader 的配置项和数据源。
4. 在新组件的 methods 或者生命周期钩子中，对 el-cascader 进行相关操作。

例如，以下是一个简单的二次封装 el-cascader 的示例代码：

<template>
  <el-cascader
    v-model="selected"
    :options="options"
    :props="props"
  ></el-cascader>
</template>

<script>
import { Cascader } from 'element-ui'

export default {
  name: 'MyCascader',
  components: {
    ElCascader: Cascader,
  },
  props: {
    options: {
      type: Array,
      default: () => [],
    },
    props: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
      selected: [],
    }
  },
  methods: {
    clear() {
      this.selected = []
    },
  },
}
</script>

在这个示例中，我们将 el-cascader 包装在一个名为 MyCascader 的新组件中，并向其传递了 options 和 props 两个 props。我们还定义了一个 clear 方法，用于清空当前选中的值。