您现在的位置是：网站首页> 编程资料编程资料
vue el-select与el-tree实现支持可搜索树型_vue.js_
2023-05-24
426人已围观
简介 vue el-select与el-tree实现支持可搜索树型_vue.js_
1. 树型下拉菜单
实现效果
2. vue页面代码
引入selectTree组件
import { selectTree } from '@/components' export default { components: { selectTree }, data() { defaultData:{ managementStationId:'1478570186653609986', managementStationName:'泸弥监控中心-安全' } } } 页面使用
- returnDropList
树型菜单的值 - managementStationId
key值 - defaultData
设置默认值 - treeProps
配置菜单 - @handleNodeClick
选择事件
3.树型数据结构
3. selectTree 组件代码
{{ data[treeProps.label] }}
到此这篇关于vue el-select与el-tree实现支持可搜索树型的文章就介绍到这了,更多相关vue 可搜索树型内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
相关内容
- Vue 和 Django 实现 Token 身份验证的流程_vue.js_
- 解决el-tree数据回显时子节点部分选中父节点都全选中的坑_vue.js_
- 利用React实现一个有点意思的电梯小程序_React_
- el-table 行合并的实现示例_vue.js_
- JSON.stringify(递归)与 JSON.parse(有限状态自动机)的实现代码_javascript技巧_
- el-form错误提示信息手动添加和取消的示例代码_vue.js_
- 利用JavaScript实现防抖节流函数的示例代码_javascript技巧_
- 使用 JS 复制页面内容的三种方案_JavaScript_
- vue3中h函数的常用使用方式汇总_vue.js_
- npm报错:npm WARN config global '--global', '--local' are deprecated解决_node.js_
