Question

我正在尝试基于文本输入将v-autocomplete选择表单与动态加载的项目集成到Vue组件中。这些项目的数据是从http get获取的，并经过了测试以确保正确。最初，这些项目看起来不错，但是一旦我进一步指定了输入内容，尽管接收到的数据包含多于零个条目，但我开始在组件中得到零个项目。在过去的几个小时中，我一直处于这种状态，因此将不胜感激！：-）

下面，我列出了代码的相关部分和两个说明问题的图像。在文本输入字段的上方，我已打印出输入的第一个匹配项，而第二个照片中没有这些匹配项。我认为v-autocomplete组件有问题，但无法弄清楚是什么。

<!-- The log -->
<div>{{locations[0]? locations[0].name : null}}</div>

<v-autocomplete
    item-value="osm_id"
    v-model="selectedLocationIndex"
    item-text="name"
    label="Location*"
    :items="locations"
    :search-input.sync="locationInput"
    placeholder="Start typing..."
    required
>
    <template slot="item" slot-scope="data">
         {{ data.item.name }}
    </template>
</v-autocomplete>

这是其余的代码：

watch: {
    locationInput: function(newVal, oldVal) {
        this.locations = [];
        if (newVal !== null && newVal !== '') {
            this.getLocations(newVal).then((result) => {
                const hits = result.data.hits;
                hits.map(hit => {
                    this.locations.push(hit)
                })
            }).catch((err) => {
                console.log('we have obtained an error', err)
            });
        }
    }
}

这是两个图像：

在这里有效-> https://imgur.com/z9GgQ1y

这里没有-> https://imgur.com/B9EN7ms

Answer 1

添加no-filter属性。

If OPButton1.Value = True Then
    ws.Range("G" & emptyRow).Value = OPButton1.Caption
ElseIf 
    OPButton2.Value = True
    ws.Range("G" & emptyRow).Value = OPButton2.Caption
Else
    OPButton3.Value = True
    ws.Range("G" & emptyRow).Value = OPButton3.Caption

End If

Vue js v-autocomplete无法正确更新动态更改的项目

1 个答案: