如何为用Vue.js编写的SPA实现loding屏幕?

tat*_*tou 6 vue.js vuejs2

我是来自AngularJS的Vue.js的新手1.有没有人有关于如何实现加载屏幕的提示,如PleaseWait

Cod*_*Cat 6

我还创建了一个与PleaseWait.js集成的示例

http://codepen.io/CodinCat/pen/ZeKxgK?editors=1010

由于PleaseWait.js直接操作真正的DOM,代码变得有点棘手.我建议在Vue.js中重新实现这个库.Vue确实有转换:https://vuejs.org/v2/guide/transitions.html


您可以为它创建一个组件,并用于v-if隐藏/显示它

<loading-screen v-if="isLoading"></loading-screen>
Run Code Online (Sandbox Code Playgroud)

一个非常简单的例子:http://codepen.io/CodinCat/pen/MpmVMp