Algolia 隐藏ais状态结果小部件的默认消息

我正在使用

ais即时搜索

和

ais状态结果

显示我的数据。我将结果隐藏到

query.length>0

。它可以工作，但如果我不输入任何搜索字符串，它总是显示一条消息。下面是我的代码和屏幕截图：

找不到：{{query}


{{item.price}}

小部件包含默认插槽为空时渲染的内容（这是您给出的屏幕截图）。一旦应用程序启动，您在示例中编写的两个条件都为false。由于插槽内没有渲染任何内容，因此默认设置将生效。当不满足任何条件时，可以使用空的

div

解决此问题。以下是一个例子：

<ais-state-results>
  <template slot-scope="{ query, hits }">
    <!-- First condition -->
    <p v-if="!hits.length">Not found for: <q>{{ query }}</q></p>
    <!-- Second condition -->
    <ais-hits v-else-if="query" />
    <!-- Fallback condition -->
    <div v-else />
  </template>
</ais-state-results>

---

您解决了问题吗？我还没有找到解决方案：(
<ais-state-results>
  <template slot-scope="{ query, hits }">
    <!-- First condition -->
    <p v-if="!hits.length">Not found for: <q>{{ query }}</q></p>
    <!-- Second condition -->
    <ais-hits v-else-if="query" />
    <!-- Fallback condition -->
    <div v-else />
  </template>
</ais-state-results>