Блог

Добрый вечер, я попытался получить логическое значение, хранящееся в Firestore, на основе выбранного значения из моей группы переключателей в Vue. Я использую Bootstrap Vue для создания мастера формы регистрации, и на одной из вкладок пользователь выбирает один из двух вариантов, и в зависимости от выбранного ответа значение хранилища в firestore должно быть истинным или ложным. Я вставлю код, который у меня есть до сих пор, ниже:

 <template>
    <b-container>
        <h2 class="register">Register</h2>

         <form-wizard @on-complete="addFields" title="" subtitle="" back-button-text="Back" next-button-text="Next" finish-button-text="Submit" color="#5b9bd5">
            <tab-content title="Account Type">
              <b-container>     
                <b-row class="justify-content-center">
                    <b-col cols="3">
                        <b-form-group label="Choose your account type">
                            <b-form-radio v-model="selected"  value="Option1">Option1</b-form-radio>
                            <b-form-radio v-model="selected"  value="Option2">Option2</b-form-radio>
                        </b-form-group>
                    </b-col>
                </b-row>
              </b-container>
            </tab-content>
            <tab-content title="Perspective">
              <b-container>
                <b-row class="justify-content-center">
                  <b-col cols="3">
                    <b-form-checkbox-group>
                       <b-form-checkbox-group
                                            id="checkbox-group-1"
                                            v-model="selected1"
                                            :options="perspectives"
                                            name="perspectives-1"
                                            stacked
                                            ></b-form-checkbox-group>
                        </b-form-checkbox-group>
                    </b-col>
                </b-row>
            </b-container>
           </tab-content>
        </form-wizard>
    </b-container>
</template>
 

ниже приведен код data (), который я использую для взаимодействия с firebase:

 export default {
    name: '',
    data(){
        return {
            selected: 'Option1',
        }
    },
    methods: {
        addUser(){
            db.collection('user').add({
                    if(selected === 'Business'){
                        isOption1: this.selected
                    }
                })
                .catch(err => {
                    console.log(err)
                })
        }

    }
}
 

приведенный выше код работает, если я не использую оператор if, но тогда я получаю только само выбранное значение, хранящееся в Firestore. Что я хотел бы сделать, так это сохранить значение true или false, если выбранное значение === Опция 1. Может кто-нибудь, пожалуйста, помочь? Я погуглил и youtube безрезультатно, так как большинство вопросов не охватывают мой конкретный случай.