微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vuetify 树视图选择类型独立但行为像叶子

如何解决Vuetify 树视图选择类型独立但行为像叶子

我正在阅读文档,发现我需要一个混合选择类型(叶、独立),我解释了我需要什么:

  1. 当您选择/取消选择带有子节点的节点时,我需要全部选择/取消选择它们。 (叶型)
  2. 获取所有选定节点的 selection 变量也必须具有父根。 (独立型)
  3. 加载预定义的树视图时,它可以在父节点上进行选择,但不能在所有子节点(独立类型)上进行选择。

我怎样才能做到这一点?

两种方法我都试过了:

将树视图定义为选择叶类型:

  1. 解决了。
  2. 方法保存时调用一个从选择节点获取所有父节点的方法。 (已解决)。
  3. 无法解决此问题。选择父节点时,它会自动选择所有子项,我不知道如何覆盖它。我可以尝试修改 getDataFromApi 方法并丢弃父节点,但我觉得有点复杂。

将树视图定义为与选择无关的类型:

  1. 无法解决此问题。每次选择/取消选择节点选择/取消选择自定义方法上的所有子项时,如何绑定事件。可以工作。但不知道该怎么做。
  2. 解决了。
  3. 解决了。

所以你可以看到我在两个方面都卡住了...... 如果有人可以帮助我编辑示例代码笔:https://codepen.io/slayerbleast/pen/wvoWOeO?editors=101

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。