Объект в Vuetify выберите - PullRequest
       1

Объект в Vuetify выберите

0 голосов
/ 18 октября 2019

Я хочу отправить на сервер идентификатор выбранных приборов, но не знаю как. Я должен отобразить объект (который я передаю в реквизит) в меню выбора.

В моем меню выбора у меня есть:


 v-select
    v-model="form.array"
    :items="array"
    item-text="name"
    item-value="id"
    label="Select"
    outlined
    dense
    multiple
    chips
    return-object
 ></v-select>

и моя форма

data() {

            return {
                form: Object.assign({}, defaultForm),
                valid: true,
                defaultForm,
                dialog: null,
                counterOfUnnamed: '',
                checkbox: true,

1 Ответ

1 голос
/ 18 октября 2019

Вы можете сначала отфильтровать приборы, а затем отфильтровать свойство id из отфильтрованного массива.

Вот рабочий код, он отлично работает

var self = this;
self.fixtures.filter(fixture => self.form.selectedFixture.map(x => x.id).includes(fixture.id)).map(fixture => fixture.id)

В вашем коде добавьте это внутри вашегоотправить функцию, не переписывать существующую this.form.selectedFixture, просто создайте новую переменную, назначенную ей, и используйте затем

submit() {
    var self = this;
    const selectedFixture = self.fixtures.filter(fixture => self.form.selectedFixture.map(x => x.id).includes(fixture.id)).map(fixture => fixture.id);
                   console.log(selectedFixture);
                    http.post('group/create', {
                        name: this.form.groupName,
                        fixtures: selectedFixture
                    }).then(result => {
                        this.groups.push(result);
                    }).catch(error => {
                        console.log((error));
                    });
                    this.resetForm();
                },
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...