<template> <li v-on:click.stop="selectEmployee()"> <a v-bind:class="lvl|level" href="javascript:;" > <div size="30"> <div :title="employee.employeeName"> <span> <div>{{employee.employeeName}}</div> </span> <div>{{employee.employeeName}}</div> </div> </div> <i v-bind:class="{'lc-check':employee.checked}"></i> </a> </li> </template>
6. 和上面员工的选中原理类似，控制部门节点的展开和合并也通过$set方法扩展一个响应式的expand属性。
expandTree () { var self = this if (self.department.expand === undefined) { self.$set(self.department, 'expand', true) } else { self.department.expand = !self.department.expand } }
总结
以上所述是小编给大家介绍的Vue.js递归组件实现组织架构树和选人功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: