Невозможно отправить список элементов из формы VueJS - PullRequest
Новая
       9

Невозможно отправить список элементов из формы VueJS

0 голосов
/ 22 января 2020

У меня есть vueJS приложение, вызывающее исправление для обновления профиля пользователя, ниже пример Я пытаюсь обновить поле города

Я создал сериализатор и views.py с помощью почтальона Во время разработки использовал почтальон для вызова метода патча для обновления профиля пользователя, см. ниже команду. патч всегда работает из приложения postman api call 

"cities": [
        "SANTA CLARA",
        "MILPITAS"
    ]

После разработки я пытаюсь интегрироваться с приложением VueJS, здесь, передавая города из текстового поля, смотрите код 

<div class="form-group col-md-12">
                          <label for="">Prefered Cities to work</label>
                          <input
                            type="text"
                            class="form-control"
                            ref="cities_input"
                            id="cities"
                             v-model="userDetails.cities"
                          />

В форме Сохраните вызов действия ниже для заданной функции 

 formData.set("cities", this.$refs.cities_input.value);

Если я укажу только один город в текстовом поле, значения будут обновлены в БД, но я предоставлю более одного города в текстовом поле, например, "SANTA CLARA", " MILPITAS ", или SANTA CLARA, значения MILPITAS не обновляются в БД, любая помощь высоко ценилась

Затем я попытался жестко закодировать в действии сохранения, как показано ниже, но все еще не сохраняя 

formData.set("cities", [ "SANTA CLARA","MILPITAS"]);

1 Ответ

0 голосов
/ 22 января 2020

исправлено с кодом ниже 

      var cityArray =  (this.$refs.cities_input.value).split(',')
      for (var i = 0; i < cityArray.length; i++) {
            formData.append('cities', cityArray [i]);
      }
...