Vuejs Значение переменной не меняется - PullRequest
0 голосов
/ 19 февраля 2020

У меня есть vue компонент выбора, в соответствии с выбором я хочу изменить содержимое и показать экран загрузки при событии изменения.

<template>
    <div>
        <div class="row component-separation audit-select">
            <div class="col-md-4 pull-right">
                <v-select
                    id="auditModeSelect"
                    :options="auditOptions"
                    label="label"
                    placeholder="Change Audit View Type"
                    class="form-control border-bottom"
                    v-model="auditOption"
                    @input="changeViewMode"
                    :clearable="false">
                </v-select>
            </div>
        </div>
{{loadingTheContent}}
        <div v-if="loadingTheContent">
            <loading/>
        </div>
        <div v-else>
        ....
        </div>
    </div>
</template>


    changeViewMode(selectedMode) {
        this.loadingTheContent = true;

        if (selectedMode && selectedMode.value === 1) {
            ...
        } else {
            ...
        }

        this.loadingTheContent = false;
    },

Но значение переменной loadingTheContent всегда ложно, не изменяется.

Я также пытался добавить пользовательскую кнопку для запуска, но такая же вещь существует

...