vue element Cascader级联选择器（记录可搜索多级下拉）

【效果】 

【代码】

<template>
    <el-form :inline="true" size="small">
        <el-form-item label="封装分类">
        	<el-cascader placeholder="搜索封装分类"
				 v-model="treeValue"
				 :options="treeTable"
				 @change="handleChange"
				 filterable clearable>
       	    </el-cascader>
        </el-form-item>
    </el-form>
</template>

export default {
        data: function(){
            return {
				treeValue: [],
				treeTable: [
					{
					  value: 'A',
					  label: 'a1'
					},
					{
					  value: 'B',
					  label: 'b1',
					  children: [
						{
						  value: 'B-A',
						  label: 'bb1'
						},
						{
						  value: 'B-B',
						  label: 'bb2'
						},
						{
						  value: 'B-C',
						  label: 'bb3'
						},
					  ]
					}
				],
			}
		},
		methods: {
			handleChange(value) {
                console.log(value)
            },
		}
	}