封装了一个elementui的确认组件，不过报错了，请大家看看

封装了一个elementui的确认组件，不过报错了，请大家看看

原因是在then（）的回调函数中，this已经不指向Vue实例，所以this上没有$confirm（）方法。
修改：
在deleteComment()函数的函数体中，第一行写上const that = this;保存一下this实例，然后在后面的this.$confirm()都换成that.$confirm()

deleteComment: async (username, title) => {
      const that = this;
      await that.$confirm(...) // 后面的this.$confirm都换一下
}

1. 必须修改Methods的方法使用function，不要使用箭头函数，箭头函数没有this

   const Methods = {
   async deleteComment() {
    this.$message.success("OK?");
   },
   };
   

2. 在调用时，使用call方式调用，指定delete的this

   await Methods.deleteComment.call(this);
   

   或者是将Methods的方法引入methods中

   async mounted() {
    await this.deleteComment();
   },
   methods: {
    ...Methods
   }
   

   亲测有效

其他的方法，可以考虑使用混入mixin的方式引入这些方法，直接通过this.deleteComment调用

deletecommit上面打印this 看看 。

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7397971
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：修改elementui默认样式，不影响其他组件的样式
• 除此之外, 这篇博客: elementUI 表格添加类名 实现不同样式样式 记录中的 使用到 elememt的一个方法，记录一下第一次使用； 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 

  <el-table
              :data="tableData"
              :row-class-name="tableRowClassName"
              @selection-change="handleSelectionChange"
              style="width: 100%">
  

  给某一行添加类名
  

  tableRowClassName({row, rowIndex}) {
                  if (row.readStatus === '0') {
                  return 'warning-row';
                  }
                  return '';
              },
  

• 您还可以看一下 徐杨老师的ElementUI入门到实战教程课程中的 前篇ElementUI框架介绍小节, 巩固相关知识点