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