vue+antd中根据title，对比树形数组对象，找出与title相应的树形数组对像，并把相同的返回，支持模糊匹配

在Vue结合Ant Design Vue（antd）的项目中，实现一个根据标题`title`对比树形数组对象并找出与之相应的数组对象，可以通过递归的方式进行匹配。这里假设树形数组对象的结构是标准的树形结构，即每个节点包含`title`和其他属性，以及一个`children`数组，其中包含其子节点。

实现模糊匹配，可以通过正则表达式来进行匹配。下面是一个简单的实现方法：

/**
 * 根据title在树形数组中进行模糊匹配
 * @param {Array} treeData 树形数组数据
 * @param {String} title 模糊匹配的标题文本
 * @param {Array} matched 结果数组，用于存储匹配成功的节点
 */
function matchByTitle(treeData, title, matched = []) {
    // 将匹配文本转换为正则表达式，支持模糊匹配
    const reg = new RegExp(title, 'i');

    // 遍历树形数据
    treeData.forEach(item => {
        // 检查当前节点的title是否符合正则表达式
        if (reg.test(item.title)) {
            matched.push(item);
        }

        // 递归检查子节点
        if (item.children && item.children.length > 0) {
            matchByTitle(item.children, title, matched);
        }
    });

    return matched;
}

// 示例使用方法
const treeData = [
    // ...这里填充你的树形结构数据
];

const titleToMatch = '你的匹配文本';

const matchedResults = matchByTitle(treeData, titleToMatch);

console.log(matchedResults);

在这段代码中，我们定义了一个`matchByTitle`函数，该函数接收三个参数：树形数据`treeData`、需要匹配的标题文本`title`，以及一个用于存储结果的数组`matched`。函数内部首先创建了一个正则表达式，然后遍历树形数据，对于每个节点，如果节点的`title`属性匹配正则表达式，那么这个节点就会被添加到`matched`数组中。之后，函数会递归地调用自身来检查所有子节点。最后，函数返回所有匹配成功的节点数组。