Как настроить Vue-Instant для отображения предложений, которые не соответствуют запросу? - PullRequest
Новая
       32

Как настроить Vue-Instant для отображения предложений, которые не соответствуют запросу?

0 голосов
/ 17 мая 2019

Я использую замечательный компонент "vue-instant", и все в нем хорошо, только когда массив "совпадений" поступает из серверной части, vue-instant показывает только те, которые строго соответствуют запросу.

То есть, если я ввожу "Моск" - я вижу "Москву", а если я ввожу "Мокс" - то я ничего не увижу, хотя ответ с сервера придет из "Москвы" и я его пропустил через параметр «предложения».

Как заставить его отозвать все, что я ему даю? 

<template>
  <div>
    <vue-instant
      suggestion-attribute="unrestricted_value"
      v-model="value"
      @input="changed"
      :show-autocomplete="true"
      :autofocus="false"
      :suggestions="suggestions"
      name="addrAutocomplete"
      type="custom"
    ></vue-instant>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
      suggestions: []
    };
  },
  methods: {
    changed: function() {
      var that = this;
      this.suggestions = [];

      if (this.value.length > 2) {
        this.$http.post("addresses", { name: this.value }).then(
          response => {
            response.data.forEach(function(a) {
              that.suggestions.push(a);
              console.log(that.suggestions);
            });
          },
          response => {
            console.log(response.body.message);
          }
        );
      }
    }
  }
};
</script>
...