el-select和el-tree一起用

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 },

 

posted @ 2022-03-23 16:18  yw3692582  阅读(320)  评论(0)    收藏  举报