vue mixins加载中动画实现

import _ from 'lodash'


//mixin
export default {
    methods:{
      $showloding(option){
        if(!this.$__loading__){
          this.$__loading__ = this.$loading(_.extend({lock:false, text:'正在加载中'，background:'rgb(0,0,0,0.5)'},options||{}))
        }
      },
      $hideloding(){
        if(this.$__loading__){
          this.$__loading__.close()
          this.$__loading__ = null
        }
      }
    }
}
//具体页面调用
import loaddingMixin from './../mixins/loading'
export default{
  mixins:[loaddingMixin],
  methods:{
    getData(){
      this.$showloding()
      this.$hideloding()
    }
  }
}