Element UI 树形选择组件筛选当前节点示例

以下代码示例展示了如何使用 Element UI 的树形选择组件，并实现筛选功能，避免显示当前节点。

// ... 其他代码

const filterNode = (value, data) => {
  if (!value) return true;
  if (data.deptName === formData.deptName) return false;
  return data.deptName.includes(value);
};

// ... 其他代码

代码说明：

• filterNode 函数用于过滤树形选择组件的节点。
• value 参数为用户输入的筛选值。
• data 参数为当前节点的数据。
• 首先判断 value 是否为空，如果为空则直接返回 true，表示显示所有节点。
• 然后判断当前节点的 deptName 是否等于 formData.deptName，如果相等则返回 false，表示不显示当前节点。
• 最后判断当前节点的 deptName 是否包含 value，如果包含则返回 true，表示显示该节点。

使用示例：

假设 formData.deptName 为 '部门 A'，则筛选功能将过滤掉名为 '部门 A' 的节点，并显示包含 '部门 A' 的其他节点。

注意：

• 该代码示例仅供参考，实际应用中可能需要根据具体需求进行调整。
• 确保 data.deptName 和 formData.deptName 属性存在，且数据类型一致。