Vue ElementUI this.$confirm async await封装方式

    async test() {
      console.log("111111");
      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          console.log("点击确定");
 
          this.$message({
            type: "success",
            message: "删除成功!",
          });
        })
        .catch(() => {
          console.log("点击取消");
 
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
      console.log("2222222");
    },

async test() {
      console.log("111111");
      let confirmRes = await this.$confirm(
        "此操作将永久删除该文件, 是否继续?",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }
      ).catch(() => {});
 
      if (confirmRes !== "confirm") {
        console.log("点击取消");
        return;
      }
      console.log("点击确定");
      console.log("2222222");
    }

<slot title=“123” name=“aaa”></slot>

<div slot=“aaa” slot-scope=“props” :value=“props.title”></div>

<template>
  <el-button-group>
    <el-button 
        v-for="(btn,index) in this.buttons" 
        :key="index" 
        :type="btn.type ? btn.type:'primary'"
        :icon="btn.icon" 
        :size="btn.size?btn.size:'mini'"
        @click="btn.click"
    >
        {{btn.label}}
    </el-button>
  </el-button-group>
</template>

<script>
export default {
  name: 'MyComponent1', // name就是封装好后使用的组件名
  props: {
    buttons: {
      type: Array,
      required: true
    }
  }
}
</script>

import Vue from 'vue'
import MyComponent1 from './MyComponent1/index.vue'
//多个组件就多次注册
Vue.component(MyComponent1.name, MyComponent1)
''

<template>
  <div>
    <MyComponent1 :buttons="buttons"></MyComponent1>
  </div>
</template>

<script>
export default {
  name: '',
  data () {
    return {
      buttons: [{
        label:'创建',
        icon:'el-icon-circle-plus-outline',
        click: ()=>{console.log('创建')}
      },{
        label:'修改',
        icon:'el-icon-edit-outline',
        click: ()=>{console.log('修改')}
      }]
    }
  }
}
</script>