设置 AutoCompleteInput 以建议单词列表

Question

在我的 Vue 项目中，我发现将 id 设置为“autocompleteInput”会建议之前输入的单词，然后输入字段将获得焦点：

                <input
                  id="autocompleteInput"
                />

但是我如何让它默认建议单词列表呢？ 例如。如何给 autocompleteInput 一个像这样的列表：[“德国”，“法国”，“西班牙”]，然后它会建议这些？

我不知道为什么将输入 id 设置为“autocompleteInput”会给出之前输入的建议，但确实如此。

Answer 1

已解决：找到了这个简单的解决方案：

              <input
                  list="browsers"
                />
                <datalist id="browsers">
                  <option value="Chrome"></option>
                  <option value="Firefox"></option>
                </datalist>