测试组件
<template>
<div>
<el-select v-model="value" :clearable="true" placeholder="请选择">
<el-option value="无" style="height: auto">
<el-tree :data="data" node-key="id" :accordion="true" @node-click="handleNodeClick"></el-tree>
</el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{
label: "一级 1",
children: [
{
label: "二级 1-1",
children: [
{
label: "三级 1-1-1"
}
]
}
]
},
{
label: "一级 2",
children: [
{
label: "二级 2-1",
children: [
{
label: "三级 2-1-1"
}
]
},
{
label: "二级 2-2",
children: [
{
label: "三级 2-2-1"
}
]
}
]
},
{
label: "一级 3",
children: [
{
label: "二级 3-1",
children: [
{
label: "三级 3-1-1"
}
]
},
{
label: "二级 3-2",
children: [
{
label: "三级 3-2-1"
}
]
}
]
}
],
defaultProps: {
children: "children",
label: "label"
},
value: ""
};
},
methods: {
handleNodeClick(data) {
//树形选择
this.value = data.label;
}
}
};
</script>