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

Question

[Diper]

У меня есть условная форма vuetify в которую прилетаю данные с сервера (axios), сортируются и падают каждый в свой combobox. Пользователь делает свою выборку либо что-то заполняет от себя и жмет кнопку. Эти данные мне надо передать через axios. Делаю все на vue.js.

Вопрос в следующем, как передать из формы vuetify на сервер (axios) данные в правильной для него формы. Ниже привожу условный пример.

Одно из полей:

<v-card-text>
          <v-container>
             <v-row>
                <v-col cols="12" sm="5" md="6">
                  <v-autocomplete
                   v-model="sortCust[0]"
                   :items="sortCust"
                    label="отправитель"
                    multiple
                    hint=""
                    ></v-autocomplete>
             </v-col>
          </v-container>
        </v-card-text>

Из этих форм мне надо вытянуть все в следующем формате и передать, я так понимаю через отдельный запрос axios. Ниже пример запроса.

"request_type": "setG";
"request": {
	"request_type": "setG,
	"request": {
		"owner": "lsa", 
		"desc": "Новый", 
		"type": "TRANS",
		"cfg": {
			"count": 66, 
			"accept": true, 
			"amount": {
				"currency": "R",
				"min": 666, 
				"max": 777
			},
			"send": {
				"ba": {
					"Ag": {
						"type": "Oth,
						"value": "123",
						"name": "Промо,
						"currency": "RU,
						"addr": { "country": "RU" }
					},
					"Ac": {
						"type": "Oth",
						"value": "789789"
					},
					"AgAc": {
						"type": "Oth",
						"value": "555555"
					}				
				},
				"client": {
					"name": "Промо",
					"Ac": {
						"type": "Oth",
						"value": "777777777"
					}		
				}
			},
			"recip": {
				"ba": {
					"Agt": {
						"type": "Othr",
						"value": "6786778",
						"name": "Промо,
						"currency": "RU",
						"addr": { "country": "RU" }
					},
					"Ac": {
						"type": "Othr",
						"value": "345878"
					},
					"AgAc": {
						"type": "Othr",
						"value": "345346786"
					}				
				},
				"client": {
					"name": "Промо",
					"Ac": {
						"type": "Oth",
						"value": "234200"
					}		
				}
			}
		}
	}
}

Answer 1

[Владимир Коротенко]

создайте объект заглушку в функции пусть она возвращает что то типа

// структура опущена
var req = { request: {}}

Дальше изменяйте только измененные поля. После заполнения всех значений, отправляйте стандартным образом

Comments

[Diper]

Правильно я Вас понял. Необходимо взять скелет структуры и хранить в проекте?

[Владимир Коротенко]

Diper, да

[Diper]

Это не будет слишком нагружать код? Существует ли альтернативный вариант?

[Diper]

До меня дошло примерно как можно сделать, спасибо. Осталось только связать кнопку и подвязать запрос на добавление на сервер.

Если придумаю другой вариант добавлю сюда.

[Владимир Коротенко]

Diper, Это просто заготовка, вы все равно должны отправлять этот пакет, я просто предложил как упростить его кастомизацию