Vue.js-加載服務-元素用戶界面

Question

我想使用Element UI框架的加載服務。 我閱讀了文檔，但很難弄清楚如何使用它。

讓我們舉個例子：在按壓時如何只在對話框中顯示加載confirm這個按鈕dialog

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

謝謝

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