el-tree多选获取选中的节点ID

需求：可以筛选并获取当前树结构中选中的用户ID

代码：

<el-input v-model="filterText" placeholder="输入关键字进行过滤" />
<el-treeref="tree":data="userTree"show-checkboxnode-key="id":filter-node-method="filterNode"highlight-current:props="defaultProps"@check-change="handleCheckChange"
/>export default {data(){filterText: '', // 筛选树的关键字defaultProps: {children: 'children',label: 'name'},userTree:[],// 树的全部数据uesrID: []},watch: {// 过滤filterText(val) {this.$refs.tree.filter(val)}},methods: {// 筛选节点，是否隐藏filterNode(value, data) {if (!value) return truereturn data.name.indexOf(value) !== -1},handleCheckChange(data, checked, indeterminate) {// 获取当前选中的所有节点IDthis.userID = this.$refs.tree.getCheckedKeys()}}}

el-tree多选获取选中的节点ID相关推荐

EasyUI：combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值
在开发过程中遇到的小案例效果展示未处理之前的效果: 处理之后的效果: 需求详情 combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值,但是子节点的状态是选中的. 当所有子节 ...
获取所有复选框选中状态的id
var id_array = new Array();$('input:checkbox[name=item]:checked').each(function(){ id_array.push($(t ...
Vue实现动态复选框的全选全不选获取选中值
在开发中,动态复选框的功能还是比较常见的,下面是对此做简要的讲解 1.复选框的实现原理动态复选框主要是通过v-model来控制的,为true时选中,为false时取消选中. 2. 功能展示选中&q ...
EasyUI中tree选中父节点自动选中子节点，取消子节点自动取消父节点，子节点勾选完毕自动勾选父节点
今天有需求,将树设为具有全选功能选中父节点自动全选子节点全选状态下,当用户取消某一个子节点,自动取消父节点的勾选未全选状态下,用户勾选全部子节点,自动勾选对应的父节点感觉挺简单,实际写的时候才 ...
elementui tree获取父节点_vue_elementUI_ tree树形控件获取选中的父节点ID
一, vue_elementUI_ tree树形控件 1.1默认点击tree节点的第一个(注意不是checked选中) :expand-on-click-node="false" ...
element tree ui 全选_element-ui Tree之懒加载叶子节点设置半选效果
本来是不太想动的... 无可奈何,看到一句话[业精于勤, 荒于嬉]便还是动手写一写加深理解的同时给以后的自己留个备份吧... element-ui Tree组件如何给具有懒加载的tree设置半选效果? ...
jstree指定选中节点_jstree 获取选中节点的所有子子点
//加载功能树 functioninitTree() { $.jstree.destroy(); $.ajax({ type:"Get", url:"/Departmen ...
SpringBoot+JsTree实现在编辑时能选择树形结构并获取选中的ID
场景 SpringBoot+Jquery+jsTree实现页面树型结构: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/90897 ...
jstree 选中指定节点-yellowcong
项目中使用的树框架是Jstree,经常会遇到默认选中节点的问题,刚开始使用Jstree的同学,肯定是会被官方的API坑哭了,JsTree官方API,这篇文章介绍jstree 默认某个节点选中,和如何用 ...
elementui获取所有树节点_element-ui tree获取子节点全选的父节点信息
公司服务升级确定了新的架构,假如当前部门是二级部门,二级部门下的三级部门全部已选择,那么后端接口要求只需要传二级部门的id,并且操作符传参为 like:如果某一个部门已选择,切父级部门没有选择,那么就 ...

el-tree多选获取选中的节点ID

el-tree多选获取选中的节点ID相关推荐

最新文章

热门文章