账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    使用vue-org-tree组件，点击某节点展开，如何使同级节点收缩？
    55
    0
    需求：实现点击销售部展开，其他同级节点收缩（如：产品研发部），求大佬解答，感谢！数据格式： data: { id: 0, label: "XXX科技有限公司", children: [ { id: 2, label: "产品研发部", children: [ { id: 5, label: "研发-前端" }, { id: 6, label: "研发-后端" }, { id: 9, label: "UI设计" }, { id: 10, label: "产品经理" } ] }, { id: 3, label: "销售部", children: [ { id: 7, label: "销售一部" }, { id: 8, label: "销售二部" } ] }, { id: 4, label: "财务部" }, { id: 9, label: "HR人事" } ] }参考链接：https://blog.csdn.net/weixin_...
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 似温柔亦苍白、 普通会员 1楼

      在Vue Org Tree组件中，你可以使用expandNode方法来实现同级节点的收缩功能。以下是一个示例代码：

      首先，你需要在你的组件中引入vue-org-tree和vue-org-tree-tree的库：

      ```html

      ```

      然后，你可以在你的组件中注册和使用expandNode方法：

      ```vue

      ```

      在expandNode方法中，首先将当前节点的子节点添加到原节点的子节点数组中。然后，将expandNode设置为false，这意味着同级节点将不再显示。

      注意：这个示例假设你有一个名为nodes的数组，其中包含所有要展开的子节点。你可能需要根据你的具体需求修改这个数组的结构和元素的类型。

      此外，这个示例还假设所有的子节点都有一个名为name的属性，用于标识其名称。你可能需要根据你的具体需求修改这个属性的名称和值。

      最后，这个示例只是一个基本的实现，你可能需要根据你的实际需求进行扩展，例如添加更多的逻辑来处理展开和收缩的操作，或者添加更复杂的父节点结构和子节点关联。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部