Vue.js 2. v-if v-else-if скрывают все блоки

328
18 августа 2017, 00:18

Здравствуйте.

Vuex настроен, геттеры и сеттеры тоже.

Код:

<template>
    <v-app>
        <main >
            <v-container fluid class="dashboard">
                <v-layout row wrap>
                    <h4 v-if="page === 0"> Page 1 </h4>
                    <h4 v-else-if="page === 1"> Page 2 </h4>
                    <h4 v-else-if="page === 2"> Page 3 </h4>
                    <h4 v-else-if="page === 3"> Page 4 </h4>
                </v-layout>
            </v-container>
        </main>
    </v-app>
</template>
<script>
    export default {
        name: 'admin-panel',
        data() {
            return {}
        },
        computed: {
            page() {
                return this.$store.getters.page;
            }
        },
    }
</script>

Результат:

хотя page имеет значение.

READ ALSO
альтернатива метода find js?

альтернатива метода find js?

что можно использовать в качестве альтернативы метода find js?

273
MobX: Пример регистрации пользователя

MobX: Пример регистрации пользователя

Приведите, пожалуйста, пример отправки данных на сервер из формы с помощью Rect + MobXИзучаю MobX для управления состоянием React приложения и необходим...

234
Как использовать Vue.js components на обычном сайте?

Как использовать Vue.js components на обычном сайте?

C сервера при ходит html, при этом из-за требований сео нет возможности писать там vuejs теги и содержимое

330