我有 Vue 應(yīng)用程序。在里面，我有一些輸入字段。如果該字段有任何結(jié)果，則前進(jìn)和后退按鈕可見，否則不可見。我的問題是，當(dāng)我在輸入字段中鍵入內(nèi)容時(shí)，當(dāng)我鍵入沒有結(jié)果的內(nèi)容時(shí)，輸入焦點(diǎn)松散。（見片段）急于解決這個(gè)問題嗎？new Vue({  el: '#app',  data: {    input: "",    items: [{        'id': 123,        'name': 'item1'      },      {        'id': 124,        'name': 'item2'      },      {        'id': 128,        'name': 'item3'      },      {        'id': 237,        'name': 'item4'      }    ]  },  computed: {    search_list_of_workorders: function() {      var self = this;      var search_string = this.input.toLowerCase();      // apply filter      var array = this.search_filter_array(this.items, search_string);      return array.slice(0, 10).map(a => a.id);    },    number_of_search_results: function() {      return this.search_list_of_workorders.length    },    display_results_buttons: function() {      return this.number_of_search_results > 0    },  },  methods: {    search_filter_array: function(array, search_string) {      return array.filter(function(el) {        var id_filter = el.id.toString().includes(search_string);        return id_filter;      });    },  }});<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script><div id="app">  <button type="button" v-if="display_results_buttons">        Back  </button>  <div v-if="display_results_buttons">({{ number_of_search_results }})</div>  <input placeholder="Search" type="text" list="searchDropDown" id="searchInput" name="selectEventInput" v-model="input" />  <datalist id="searchDropDown">     <option v-for="(item, index) in search_list_of_workorders" :value="item" :key="`optionEvents_${index}`" >     </option>  </datalist>  <button type="button" v-if="display_results_buttons">        Forward  </button></div>