在网络请求中,页面会出现空白,要使页面好看点,通常页面会出现一些加载页面
1.准备一个伪类元素需要,用伪类元素给加载界面装上蒙层
.loading:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;background: #fff url('./R-C.gif') no-repeat center; }
2.当页面加载完成后,关闭这个类
3.当多次使用这个时,可以封装这个指令
directives:{loading:{inserted(el,binding){binding.value ? el.classList.add('loading'): el.classList.remove('loading')},update(el,binding){binding.value ? el.classList.add('loading'): el.classList.remove('loading')}}}