Vue.js递归组件实现组织架构树和选人功能 - CSDN文库

1星 182 浏览量更新于2023-03-03 收藏 63KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

Vue.js递归组件实现组织架构树和选人功能递归组件实现组织架构树和选人功能

主要介绍了Vue.js递归组件实现组织架构树和选人功能，文中通过示例代码介绍的非常详细，对大家的学习或者

工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

大家好！先上图看看本次案例的整体效果。

浪奔，浪流，万里涛涛江水永不休。如果在jq时代来实这个功能简直有些噩梦了，但是自从前端思想发展到现在的以MVVM为

主流的大背景下，来实现一个这样繁杂的功能简直不能容易太多。下面就手把手带您一步步拨开这个案例的层层迷雾。

实现步骤如下：

1. api构建部门和员工信息接口，vuex全局存放部门list和员工list数据信息。

api：

export default {

getEmployeeList () {

return {

returncode: 0,

message: '',

result: [

{

id: 1,

employeeName: '吴亦凡',

departmentId: 44

},

{

id: 2,

employeeName: '鹿晗',

departmentId: 45

},

{

id: 3,

employeeName: '孙红雷',

departmentId: 44

},

{

id: 4,

employeeName: '周杰伦',

departmentId: 45

},

{

id: 5,

employeeName: '张国荣',

departmentId: 45

},

{

id: 6,

employeeName: '陈百强',

departmentId: 45

},

{

id: 7,

employeeName: '谭咏麟',

departmentId: 41

},

{

id: 8,

employeeName: '谷村新司',

departmentId: 45

},

{

id: 9,

employeeName: '中岛美雪',

departmentId: 46

},

{

id: 10,

employeeName: '周润发',

departmentId: 47

},

{

id: 14,

employeeName: '周慧敏',

departmentId: 58

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38742532

粉丝: 41
资源: 909

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈