element ui中点击表格中编辑按钮打开另外一个页面

你可以在 Element UI 表格的操作列中添加一个自定义的按钮，然后通过点击该按钮打开一个新页面。以下是一个示例代码：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Operations">
    <template slot-scope="scope">
      <el-button type="primary" @click="handleEdit(scope.row)">Edit</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们在表格的最后一列中添加了一个名为 "Operations" 的列，并在其中定义了一个自定义按钮 "Edit"。当用户点击该按钮时，我们将调用 `handleEdit` 方法，并传递被点击行的数据作为参数。

接下来，我们需要在 `handleEdit` 方法中打开一个新页面。这可以通过使用 `window.open` 方法来实现：

methods: {
  handleEdit(row) {
    window.open('/edit/' + row.id, '_blank')
  }
}

在上面的代码中，我们使用 `window.open` 方法打开一个新页面，并将要编辑的行的 ID 作为参数传递给新页面。请注意，我们将新页面的目标设置为 `_blank`，这将强制浏览器在新标签页中打开该页面。

希望这可以帮助你实现你的需求。