template中:
<el-select v-model="treeData" placeholder="请选择">
<el-option :value="treeValue" style="height: auto">
<el-tree
:data="tree_list"
default-expand-all
node-key="id"
:props="defaultProps"
@node-click="handleNodeClick"
/>
</el-option>
</el-select>
data中:
treeData: '', // select 的值
treeValue: '', // option的值
tree_list: [], // 数结构的值
defaultProps: {
children: 'children',
label: 'name',
}
methods中:
// 点击方法
handleNodeClick(data, node, nodeData) {
console.log(data)
this.treeValue = data
this.treeData = data.name
},