无法从 VueJS 表单发送项目列表

Question

我有 vueJS 应用程序，调用补丁来更新用户配置文件，下面的示例我正在尝试更新字段 cities

我已经使用postman构建了序列化程序和views.py，在开发过程中使用postman调用patch方法来更新用户配置文件，见下面的命令。补丁总是通过邮递员 api 调用工作

"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);

如果我在文本框中只提供一个城市，值会愉快地更新到 DB，但我在文本框中提供了多个城市，例如“SANTA CLARA”、“MILPITAS”，或者 SANTA CLARA,MILPITAS 值没有更新DB，非常感谢您的帮助

然后我尝试在下面的保存操作中进行硬编码，但仍然没有保存

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

Answer 1

用下面的代码修复

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