el-cascader 联级选择器的使用

基础用法：

<template>
    <el-cascader
    v-model="value"
    :options="options"
    @change="handleChange">
    </el-cascader>
</template>

 handleChange(value) {
        console.log(value);
 }

输出格式为：

                        单选：[一级1，二级1，三级1]

                        多选：[一级1，二级1]

                                   [一级2，二级2，三级2]

若只显示最后一级：

<el-cascader 
    v-model="Type" 
    :options="typeList" 
    :props="{ 
        checkStrictly: true, 
        label:'name',
        children: 'children', 
        value: 'typeId',
        emitPath:false 
    }" 
    :show-all-levels="false" 
    @change="handleChange">
</el-cascader>

emitPath：在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值，默认为true

在props中添加emitPath属性，并设置为false即可

输出格式为：

                单选：[所选的选项值]

                多选：[所选的选项值1，所选的选项值2，所选的选项值3...]