Javascript 如何在v-for循环中使用Vueify组合框

我有一个v-for循环。循环中有一个组合框。我在循环中有3个项目，所以我有3个组合框。当我在一个组合框中键入单词时，它会在其他组合框中显示这些单词

我知道这与模型和索引有关，但我遇到了麻烦，需要一些帮助

这是密码

HTML:

查询：

let cluesRef = db.collection('clues')
    cluesRef.onSnapshot(snapshot => {
        var c = []
        snapshot.forEach(doc => {
            this.clue = doc.data()
            this.clue.id = doc.id

            c.push(this.clue)
        })
        this.clues = c

        if(this.clue.locationimagetext)
            this.select = this.splitJoin(this.clue.locationimagetext)

comboActive

方法用于在输入选择上设置一个类，这样当用户键入时，我可以以用户知道发生了什么的方式设置组合框的样式，即红色边框

当用户向组合框添加项目时，

@change=“updateTags（item）”和
@paste=“updateTags（item）”将更新数据库

注意：保存可以正常工作。只是在键入过程中，所有组合框都会得到相同的值

非常感谢所有帮助
这会不会将所有3个组合框绑定到相同的数据属性
选择
？我认为每个选择都需要不同的数据值。
您需要为每个
select
模型分配密钥

<div v-for="(item,i) in clues" :key="i">
  <v-combobox multiple
    v-model="select[i]" 
    append-icon
    small-chips
    deletable-chips
    @keyup="comboActive"
    @paste="updateTags(item)"
    @change="updateTags(item)">
  </v-combobox>
</div>


v-model=“选择[项目]”
其中选择是一个列表？@ChrisLi这部分工作正常。是的，现在当我输入单词时，其他组合框不使用相同的单词，但是我在调用updateTags方法时出错，这是正确的，但这是在一个循环中。对于这个例子，我说的是3，但可能是300。我不确定如何动态处理数据属性您是否尝试过设置
v-model=“选择[I]”
。这将为您提供一个数组，其中索引与循环匹配。我现在在从数据库中提取单词时遇到问题。我现在遇到的问题是页面加载从数据库中提取项目。通常我说的是
this.select=this.splitJoin（this.clue.locationimagetext）
，但现在失败了，因为它正在查找this.select。我不知道如何处理这个问题请记住
this中的所有索引。从db返回时选择
需要与此相同。提示索引。也许你需要另一种方法来联系这两种价值，我不知所措。有什么想法吗？你是如何从数据库中获取数据的？你能举一个查询->结果的例子吗？
let cluesRef = db.collection('clues')
    cluesRef.onSnapshot(snapshot => {
        var c = []
        snapshot.forEach(doc => {
            this.clue = doc.data()
            this.clue.id = doc.id

            c.push(this.clue)
        })
        this.clues = c

        if(this.clue.locationimagetext)
            this.select = this.splitJoin(this.clue.locationimagetext)

<div v-for="(item,i) in clues" :key="i">
  <v-combobox multiple
    v-model="select[i]" 
    append-icon
    small-chips
    deletable-chips
    @keyup="comboActive"
    @paste="updateTags(item)"
    @change="updateTags(item)">
  </v-combobox>
</div>