<template>
  <div>
    <el-cascader
      v-model="val"
      :options="list"
      :props="props"
      @change="handleChange"
      :show-all-levels="false"
      filterable
      clearable></el-cascader>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        list:[],
        val:0,
        props: { multiple: true },
      }
    },
    computed: {

    },
    mounted() {
      this.get_skill_multiple();
    },
    methods: {
      handleChange(value) {
        this.$emit('input', value)
      },
      async get_skill_multiple() {
        let res = await this.$post("/api/recruit/get_skill_multiple");
        this.list = res.data.list || [];
      },
    }
  };
</script>
