Как получить доступ к данным внутри v-for и назначить компоненту автозаполнения? - PullRequest
Новая
       30

Как получить доступ к данным внутри v-for и назначить компоненту автозаполнения?

0 голосов
/ 31 декабря 2018

Я новичок в Vue, и я боролся за это некоторое время.У меня есть внешний массив данных об авиакомпании JSON, который я зациклил, чтобы отображать только страны.Я хотел бы назначить страны для функции поиска автозаполнения.

Используемый мной компонент автозаполнения: https://vuejsexamples.com/simple-yet-feature-rich-autocomplete-component-for-vue-js/ Я немного изменил его, чтобы попытаться получить доступ к данным без удачи.

Попытка использовать компьютер для доступа к данным 

<vue-suggest
    :list="simpleSuggestionList"
    :filter-by-query="true">
  </vue-suggest>

<div v-for="data in filteredMyJson" :key="data.id">
      <div> {{ data.country }} </div>
</div>

import json from '../data/airports.json'
export default {
   data: function () {
    return {
      myJson: json,
    }
 },
components: {
  VueSuggest
},
computed: {
  filteredMyJson: function () {
    var self = this
    return self.myJson 
  },
  suggestionList () {
    return this.data.country
  }
},
methods: {
  simpleSuggestionList () {
    return this.suggestionList
  }
 }
}

Предполагается, что в начале ввода будет отображаться страна, но вместо этого ничего не возвращается.

...