小编Aar*_*ron的帖子

我对 Alpine.js 相当陌生，希望为项目列表创建一个简单的搜索/过滤器输入。

我见过一些使用的示例<template>，但我对那种特定的技术不感兴趣。

项目列表已存在于页面上，因此它是基于“标签”数组隐藏和取消隐藏项目的简单目标。

\n
1. 我需要获取列表中的所有项目（以及子菜单）。x-ref（因此在<li>和上使用<ul>
\n
2. 根据搜索输入过滤数组。（卡住）
\n
3. 隐藏 !== 搜索输入的剩余列表。（卡住）
\n

我在codepen上有一个简单的例子

我不确定将列表项绑定到 的最佳方法x-data，然后我假设使用 a.filter( $ref.startsWith(.this.search))来过滤项目。

\xe2\x80\x8d\xe2\x99\x82\xef\xb8\x8f

任何帮助将不胜感激！