如何在没有vue路由器的情况下在搜索字段vue js上实现自动建议？

<template>
  <div>
    <input type="text" v-model="searchText" @input="getSuggestions">
    <ul v-if="suggestions.length > 0">
      <li v-for="suggestion in suggestions" @click="selectSuggestion(suggestion)">{{ suggestion }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchText: '',
      suggestions: []
    };
  },
  methods: {
    getSuggestions() {
      // 发送Ajax请求或调用API获取建议数据
      // 将获取到的建议数据更新到suggestions数组中
    },
    selectSuggestion(suggestion) {
      this.searchText = suggestion;
      this.suggestions = [];
    }
  }
};
</script>