Как убрать компонент при полной загрузке страницы?

Здравствуйте! Я хочу при полной загрузке страницы убирать один компонент с страницы и отображать другой
В событии created() прописываю
is_loaded(контент): false, is_loaded_1(спиннер): true
Далее в mounted() прописываю
is_loaded(контент): true, is_loaded_1(спиннер): false
Правильно ли я делаю?
Код из App.vue:

<template>
  <div id="app">
    <hello v-show="is_loaded"></hello>
    <rotate-square2 v-show="is_loaded_1"></rotate-square2>
  </div>
</template>

<script>
  import {RotateSquare2} from 'vue-loading-spinner'
  import hello from './components/HelloWorld'

export default {

  name: 'app',
  components: {
    RotateSquare2,
    hello
  },
  data: () => ({
    is_loaded: false,
    is_loaded_1: true
  }),

  created() {
    console.log(this.is_loaded_1)
  },

  mounted() {
   is_loaded: false,
    is_loaded_1: true

    console.log(this.is_loaded_1)
  }
}
</script>

<style>
.spinner {
  width: 80px!important;
  height: 80px!important;
  margin: 200px auto;
}
</style>
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
muzikant777
@muzikant777
PHP/Vue разработчик
Можно использовать v-cloak, как здесь: https://medium.com/vuejs-tips/v-cloak-45a05da28dc4
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
shmatuan
@shmatuan
Vue, Node, RoR
mounted() {
   this.is_loaded = true;
   this.is_loaded_1 = false;

    console.log(this.is_loaded_1)
  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы