Question

我是Vuetify的新手，在检索v-select组件上选定选项的索引时遇到了一些麻烦。

有了索引后，我想根据单击的选项填充文本字段。

我有一组对象，这些对象是我从firebase中检索并作为:items道具传递的。

我可以使用带有v-for的标准select选项成功获取索引，以遍历数组，然后使用@change调用使用事件对象获取selectedIndex的函数。但是，当尝试使用v-select组件时，我似乎无法弄清楚

这有效：

<select @change="populateLicense" v-model="trim.shop">
    <option value="">Select Shop</option>
    <option v-for="item in shopdata" :key="item.id">
        {{ item.shopname}}
    </option>
</select>

方法：

populateLicense(e) {
    let index = e.target.selectedIndex - 1
    this.trim.license = this.shopdata[index].license
},

当前的v-select组件（不起作用）：

<v-select 
    outline 
    label="Select Shop" 
    :items="shopdata" 
    item-text="shopname" 
    item-value="" 
    v-model="trim.shop"
    @change="populateLicense"
>
</v-select>

我猜测item-value可能满足我的需求，但是我不确定应该为它分配什么内容

非常感谢您的帮助！

Answer 1

您可以在.Attachments.Add ActiveWorkbook.Worksheets("Inputs").Range("D5").Value中设置ID ... 并执行以下操作： v-select

这是您需要的吗？

Answer 2

再次查看vuetify文档后能够解决该问题。通过return-object道具是关键。

为任何可能遇到类似问题的人更新了代码！

v选择：

<v-select 
    outline 
    label="Select Shop" 
    :items="shopdata" 
    item-text="shopname" 
    v-model="trim.shop"
    return-object
    @change="populateLicense(trim.shop.license)"
>
</v-select>

方法：

methods: {
    populateLicense(license) {
        this.trim.license = license
     }
}

Answer 3

this.shopdata.findIndex(data => data === this.trim.shop)

删除

 item-text="shopname" 
 item-value=""

有没有办法在Vuetify中获取所选v-select选项的索引？

3 个答案: