vue.js - Vuetify search-input.sync 用于 v-for 内的 v-autocomplete

Question

我有一个line_items数组，使用v-for. 对于每个line_item对象，我需要一个v-autocomplete用于搜索的元素category。

search-input.sync="searchText"目前，当用户在文本输入框中输入内容时，我正在使用来进行同步搜索。如果只有一个line_item对象，这很有效，但如果有 2 个或更多，searchText更改也会影响所有其他对象line_items。

示例代码：

<div v-for="line_item in line_items">
  <v-autocomplete
    :items=""categories
    :search-input.sync="searchText"
    placeholder="Select category"
  ></v-autocomplete>
</div>

我正在使用watch组合 API 中的方法来观察searchText如下变化：

const searchText = ref(null)
watch(searchText, query => fetchCategories(query))

我该如何解决这个问题？如果可能的话，我真的很想保持这种.sync行为，以便每当用户输入内容时搜索功能就会触发。蒂亚！