Html 如何使用el table（元素UI）访问Vue.js中表中特定行中的值？

我目前正在使用Element UI在Vue.js中构建一个应用程序，我对使用Element UI相当陌生。我已经使用el table创建了一个表。我已经成功地在表中添加了内容。现在，我在表的每一行中都有一个delete按钮。单击delete按钮后，它应该会成功删除该行（即，向服务器发出删除axios或http请求，并从数据库中删除该用户）。为此，我需要访问该特定行中的内容或用户名。我如何做到这一点

在下面查找我的HTML（删除）代码：

Vue.js的HTML部分：

      <el-table>
             <el-table-column
                  width="75"
                  prop="name">
                  <template slot-scope="scope">
<!--Adding the delete button -->
                    <el-button
                      size="mini"
                      type="danger" 
                      icon="el-icon-delete" circle
                      @click="users_delete_visible = true"
                      >
                    </el-button>
                  </template>
             </el-table-column>

        </el-table>

在使用el表创建的表中也有一列用户名。 当按下delete按钮时，如何修改上述html代码以访问行中的名称

任何帮助都将不胜感激。我在这件事上纠结了很长一段时间

---

谢谢

绑定到单击事件时，可以将当前行作为参数传递给函数，然后访问数据属性

<el-button
    size="mini"
    type="danger" 
    icon="el-icon-delete" circle
    @click="deleteUser(scope.row)"
>
</el-button>

---

谢谢。效果非常好。非常感谢。：）不客气。请将问题标记为已解决。我还有一个问题，我想在按下“删除”按钮时显示一个对话框，而不是警报。对话框显示一条消息“删除用户”，然后单击“确认”按钮，它应该删除该用户。因此，当我尝试在单击“Confrim”后调用函数delete_user（scope.row）来删除该用户时按钮，然后从表中最后一行删除用户名，而不是要删除的行中的用户名。它从最后一行获取用户名。请对此提供帮助？我将非常感谢。

methods: {
    deleteUser(row) {
      let username = row.username; // Assuming your object has a username property 
      console.log('Deleting user ' + username);
    }
  }