@7nabaの技術ブログ

Vue.jsで読み込みが終わるまでローディング表示し、その後コンテンツを表示する。

HTML
<div id="app">  
  <div v-show="loading">loading...</div>  
  <div v-show="!loading">  
    Hello!!!  
  </div>  
</div>
Vue.js
new Vue({  
  el: "#app",  
  data: {  
    loading: true  
  },  
  mounted() {  
    setTimeout(() => {  
      this.loading = false;  
    }, 1000);  
  }  
});

このログへのコメント

コメントはありません