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 @   yw3692582  阅读(312)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
历史上的今天:
2021-03-23 vue-cli中使用sass的坑
点击右上角即可分享
微信分享提示