创建动态搜索

Question

我目前正在使用Vuetify创建数据表，当您键入搜索内容时，我看到搜索结果会根据输入的内容进行过滤以缩小结果的范围。我很好奇如何使用相同的搜索栏，所以< strong>当我按下Enter键时，它实际上将使用该值并使用相同的axios调用重建数据表，但会将参数添加到URL 。我仍然希望能够在键入而不是按Enter时过滤当前结果。这可能吗？

总体上，我试图在搜索时创建标签。用户可以按Enter键，重建表，但可以将输入的值视为标记。还具有x删除和删除以恢复默认值的功能。

Answer 1

假设您有这样的搜索输入：

<v-text-field
          v-model="search"
          append-icon="search"
          label="Search"
          single-line
          hide-details
          v-on:keyup.enter="myFunction"
 ></v-text-field>

您可以按上述方法添加v-on：keyup.enter，然后将其功能放入myFunction

在myFunction中，您可以说this.search以获取该值，并且您可以使用它进行任何操作。