$confirm then()の非同期リクエスト

1926 ワード

フロントノート

$confirm thenの非同期リクエスト

$confirmではOKをクリックしてからいくつかの操作を実行する必要があります.最初はmethodsのメソッドの前に直接書きましたが、Can not use keyword'await'outside an async function(非同期関数の外でキーワード'await'を使用することはできません)を直接エラーしたので、awaitが存在する領域は非同期関数

ではないと判断しました.

async handleDelete(index, row) {//  
    this.$confirm('             ,     ?', '  ', {
         confirmButtonText: '  ',
         cancelButtonText: '  ',
         type: 'warning'
     }).then(() => {
         let del = await delTranAxios(row.id);
         if(del.data=="    "){
             this.$message({
                 type: 'success',
                 message: '    !'
             });
             this.getTransmission();
         }else{
             this.$message({
                 type: 'error',
                 message: '    !'
             }); 
         }
     }).catch(() => {
         this.$message({
             type: 'info',
             message: '     '
         });          
     });
 },

正しい書き方、asyncをthen()の中に入れればいい

handleDelete(index, row) {//  
    this.$confirm('             ,     ?', '  ', {
        confirmButtonText: '  ',
        cancelButtonText: '  ',
        type: 'warning'
    }).then(async() => {
        let del = await delTranAxios(row.id);
        if(del.data=="    "){
            this.$message({
                type: 'success',
                message: '    !'
            });
            this.getTransmission();
        }else{
            this.$message({
                type: 'error',
                message: '    !'
            }); 
        }
    }).catch(() => {
        this.$message({
            type: 'info',
            message: '     '
        });          
    });
},

10分でHandlebarsを学ぶ

localStorage && sessionStorage