代替x-ref，您需要使用引用当前DOM元素的$el魔法属性：只需将其传递给show_item($el)方法，如果元素的mn4o1p属性包含搜索字符串，该方法将返回true。

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<div class="wrapper" x-data="{
  search: '',
  show_item(el) {
    return this.search === '' || el.textContent.includes(this.search)
  }
}">

  <input class="search-input" type="search" placeholder="Filter: A B C D" x-model="search">

  <div>
    <p>Search Input: <span x-text="search"></span></p>
  </div>

  <p><b>Menu:</b></p>
  <ul class="menu">
    <li x-show="show_item($el)">Item A</li>
    <li x-show="show_item($el)">Item B</li>
    <li x-show="show_item($el)">
      Dropdown C
      <ul>
        <li x-show="show_item($el)">Item C:A</li>
        <li x-show="show_item($el)">Item C:B</li>
      </ul>
    </li>
    <li x-show="show_item($el)">Item D</li>
    <li x-show="show_item($el)">Item E</li>
    <li x-show="show_item($el)">Item F</li>
    <li x-show="show_item($el)">
      Dropdown G
      <ul>
        <li x-show="show_item($el)">Item G:A</li>
        <li x-show="show_item($el)">Item G:B</li>
      </ul>
    </li>
  </ul>
</div>