搜索输入正在取消vuejs中的文本类型

Question

我在搜索输入框中遇到问题，当我在搜索中键入时，最后键入的文本会被取消。

<input
class="navbar-searchbar__text-field"
type="search"
:value="searchQuery"
name="query"
placeholder="Search"
autocomplete="off"
@keyup="collectSearchQuery($event.target.value)"
/>

这是的方法

async collectSearchQuery(searchQuery) {
this.searchQuery = searchQuery;
await this.handleSearch(searchQuery);
this.searchHidden = true;
},

我不知道为什么会发生这个问题。如果您有任何解决方案，请提供帮助

Answer 1

我想这是因为您将新值分配给this.searchQuery，这只是一个键，而不是将其添加到this.searchQuery字符串中。