Javascript 获取ElemenUi组件VueJs的id

我需要获取ElementUi组件的id

，以便能够删除来自MySQL数据库的结果

这是我的桌子

这是我的elementUi组件

   el-table
        :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
        max-height="500">
        <el-table-column
          prop="id"
          label="Id"
          width="150">
    </el-table-column>
      <el-table-column
          prop="username"
          label="Username"
          width="120">
        </el-table-column> 
    .....

但我并没有取得令人满意的成功

这是我删除接收到我无法获取的id的用户的方法

deleteUser(id) {
      if (window.confirm("Desea eliminar el usuario " + this.id+ "?") == true) {
        console.log("Eliminado");
        this.$http.post("user/delete/" + id).then(res => {
          if (res.status == 200) {
            alert("Se ha eliminado el usuario!");
            this.getUsers();
          }
        });
      } else {
        alert("Cancelado", "", "error", {
          buttons: false,
          timer: 600
        });
      }
    }

---

您可以使用

scope.row

访问列数据。看

编辑
Eliminar

或者，您可以通过es6对象分解来使用它：

编辑
Eliminar

我还有一点建议，不要在模板中处理太多数据，你可以把它放在

computed

中进行处理

：data=“tableData.filter（data=>！search | | data.name.toLowerCase（）。includes（search.toLowerCase（））”

像这样

计算：{
tableDataFormatted（）{
返回this.tableData.filter（data=>！this.search | | data.name.toLowerCase（）.includes（this.search.toLowerCase（））
}
}

：data=“tableDataFormatted”

---

这可以降低模板的复杂性，

computed

将缓存计算结果，这对性能改进有一些好处

您可以使用

scope.row

访问列数据。看

编辑
Eliminar

或者，您可以通过es6对象分解来使用它：

编辑
Eliminar

我还有一点建议，不要在模板中处理太多数据，你可以把它放在

computed

中进行处理

：data=“tableData.filter（data=>！search | | data.name.toLowerCase（）。includes（search.toLowerCase（））”

像这样

计算：{
tableDataFormatted（）{
返回this.tableData.filter（data=>！this.search | | data.name.toLowerCase（）.includes（this.search.toLowerCase（））
}
}

：data=“tableDataFormatted”

这可以降低模板的复杂性，并且

computed

将缓存计算结果，这对性能改进有一些好处

 tableData[scope.$index].putLink

deleteUser(id) {
      if (window.confirm("Desea eliminar el usuario " + this.id+ "?") == true) {
        console.log("Eliminado");
        this.$http.post("user/delete/" + id).then(res => {
          if (res.status == 200) {
            alert("Se ha eliminado el usuario!");
            this.getUsers();
          }
        });
      } else {
        alert("Cancelado", "", "error", {
          buttons: false,
          timer: 600
        });
      }
    }