el-table定义点击事件,不弹窗直接重新渲染表格数据
时间: 2024-01-05 18:04:05 浏览: 74
vue3 el-table多级表头收缩扩展的实现(JS原味版)
可以通过监听 `row-click` 事件,在事件处理函数中调用重新渲染表格数据的方法来实现点击不弹窗直接更新数据的效果。示例代码如下:
```html
<el-table :data="tableData" @row-click="handleRowClick">
<!-- 表格列定义 -->
</el-table>
```
```javascript
methods: {
handleRowClick(row) {
// 处理点击事件,更新表格数据
// 例如,重新从服务器获取数据并更新表格数据
this.getTableData();
},
getTableData() {
// 从服务器获取最新的表格数据
// 然后更新 tableData
this.tableData = [...];
}
}
```
阅读全文