Как я могу получить значение поля v-select при отправке формы? - PullRequest
Новая
       27

Как я могу получить значение поля v-select при отправке формы?

0 голосов
/ 18 сентября 2018

Я пытаюсь получить значение поля select в моем проекте Vue.Я пробовал несколько вещей, но несколько вещей, на которые у меня еще есть ссылки:

Я до сих пор не смог получить выбранное значение.Есть ли в любом случае я могу захватить выбранное значение в объекте FormData?Я бы подумал, что это облегчит захват.

В шаблоне: 

<v-form @submit.prevent="update" id="exapi">
            <v-select
              id="select"
              name="select"
              v-bind:items="selectOptions"
              v-model="selectedOption"
              label="Exchange"
              autocomplete
              >
            </v-select>
            <v-text-field
              name="input-api-input"
              label="Enter key"
              hint="Key"
              v-model="password"
              :append-icon="e1 ? 'visibility' : 'visibility_off'"
              :append-icon-cb="() => (e1 = !e1)"
              :type="e1 ? 'password' : 'text'"
              >
            </v-text-field>

            <v-btn
              color="secondary"
              :loading="loading"
              @click.native="loader = 'loading'"
              :disabled="loading"
              type="submit"
              >
              Change API Keys
            </v-btn>
</v-form>

В скрипте я пробовал несколько методов, но все еще безрезультатно: 

updateExchangeApi() {
  const form = new FormData(document.getElementById('exapi'));
  const key = form.get('input-api-input');
  const selectValue0 = form.get('select')
  const e = document.getElementById('exchange-select');
  const selectValue1 = e.options[e.selectedIndex].text;

  console.log('in updateExchangeApi()');
  // console.log(exchange);
  console.log(key);
}

Есть ли лучшая практика, которую мне не хватает?Буду признателен за любую помощь / совет.

ОБНОВЛЕНИЕ: я забыл указать, что я пытался установить v-model="selectedOption" с selectedOption в данных, но все еще не смог получить значение: 

data: () => ({
  loader: null,
  LineChart,
  BarChart,
  UserTable,
  selectedOptions: [],
  selectedOption: '',
})

Но когда я регистрирую selectedOption форму моей функции отправки формы, я получаю undefined?console.log(self.selectedOption);

...