Vue.js - 加载服务 - 元素UI

Question

我想使用Element UI框架的加载服务。 我读了documentation，但我很难弄清楚如何使用它。

让我们举个例子：如何只在对话框上的这个dialog

https://jsfiddle.net/5xmoxwsy/1/

的confirm按钮按下时显示加载谢谢

Answer 1

添加裁判对话框：

ref="dialog" 

绑定点击方法在vm中：

@click="Confirm" 

方法：

methods: { 
    Confirm() { 
     var self = this; 
     var loadingInstance = window.ELEMENT.Loading.service(
     { 
      target: self.$refs.dialog.$el.querySelector('.el-dialog') 
     }); 
     setTimeout(function(){ 
      self.dialogFormVisible = false; 
      loadingInstance.close(); 
     },1000); 
    } 
} 

jsfiddle