<div class="col-sm-8">
  <input type="text" id="inputLoco" class="form-control" autocomplete="off"
            placeholder="Введите номер локомотива"
            v-model="locomotiveNumber"
            @input="filterLocomotives" @focus="modal=true"
            @blur="modal=false"/>
    <div class="modal-autocomplete" v-if="filterLocomotives && modal">
      <ul>
        <li class="li-autocomplete" v-for="filteredLoco in filteredLocomotives"
            @mousedown="setLoco(filteredLoco)">
              <b>{{filteredLoco.number}}</b><br>{{filteredLoco.series}}
         </li>
       </ul>
     </div>
   </div>