具有多个条件的过滤器数组，其中一些可以为空

Question

我有一个JS文件，用于呈现vuetify v-list，该列表可以有2个级别（带有子节点，这些节点是可选的。）>

我需要从用户输入的搜索框中添加一个过滤器，我可以过滤第一个级别，但是第二个级别却有问题，因为有时它们具有空值的“ children”属性，而有时它们具有值。菜单是这样的：

const Menu = [
    {
        heading: null,
        icon: "mdi-security",
        text: "Login",
        url: {
            name: "login"
        },
        exactUrl: false,
        children: null,
        meta: {
            publicPath: true
        }
    },
    {
        heading: null,
        icon: "search",
        text: "Lista de Funcionarios",
        url: {
            name: "home"
        },
        exactUrl: true,
        children: null,
        meta: {
            publicPath: true
        }
    },
    {
        heading: {
            text: "Mantenimientos",
            publicPath: false
        },
        icon: null,
        text: "",
        url: null,
        exactUrl: null,
        children: null,
        meta: null
    },
    {
        heading: null,
        icon: "mdi-account-group",
        text: "Departamentos",
        url: {
            name: "departamentos"
        },
        exactUrl: false,
        children: null,
        meta: {
            publicPath: false
        }
    },
    {
        heading: null,
        icon: "mdi-account-circle",
        text: "Funcionarios",
        url: {
            name: "funcionarios"
        },
        exactUrl: false,
        children: null,
        meta: {
            publicPath: false
        }
    },
    {
        heading: null,
        icon: "settings",
        text: "Operación",
        url: null,
        exactUrl: false,
        children: [{
            icon: "add",
            text: "Cargar Pedidos",
            url: {
                name: "departamentos"
            }
        },
        {
            icon: "playlist_add_check",
            text: "Aprobar Pedidos",
            url: {
                name: "areas"
            }

        },
        {
            icon: "content_copy",
            text: "Remitir Pedidos",
            url: {
                name: "maps"
            }
        }
        ],
        meta: null
    },
];

export default Menu;
我的计算函数是这个：

filteredMenu() {
  return this.menus.filter(menu =>
    menu.text.toLowerCase().includes(this.search.toLowerCase())
  );
}
如何在两个级别上同时过滤？

我有一个JS文件，用于呈现vuetify v-list，该列表可以有2个级别（带有子节点的节点，这些节点是可选的）。我需要从用户输入的搜索框中添加一个过滤器，我可以...

Answer 1

创建一个可以递归调用的函数。

Answer 2

您需要做的是以下事情：

Answer 3

如果即时消息正确，您还想检查其子项是否也不为null？您可以使用&&