VUE2+Element-ui树形控件tree结构的值获取和传给后台

最近做到了权限管理模块

其中的菜单权限需要用到tree结构进行多选功能的渲染操作

废话少说,直接上代码

将tree结构放在form中配合表单使用 并附带全选和全不选,展开和折叠功能

其中的show-checkbox作用是对tree数据的多选模式

VUE2+Element-ui树形控件tree结构的值获取和传给后台_第1张图片

要写在data中的数据

其中defaultProps一定不能忘记

里边的children代表的是你子级目录的名称,我的就是children

label代表的是要渲染上去的名字,我的为label

 VUE2+Element-ui树形控件tree结构的值获取和传给后台_第2张图片

这个函数是指你所选的那些需要给后台传的数据

我的后台需要id,那么就循环每一项的id,别忘了数组去重哦

得到的menuArr就是装满id的数组,也是后台需要获取的数据

喜欢的给点个赞吧 

你可能感兴趣的:(vue+element-ui,elementui,前端,javascript,vue.js)