vue3el-table的scrollto方法
时间: 2023-08-01 08:12:29 浏览: 374
vue el-table实现行内编辑功能
4星 · 用户满意度95%
`vue3-el-table` 中的 `scrollTo` 方法可以用来滚动表格到指定位置。其语法如下:
```javascript
scrollTo(row, column)
```
其中,`row` 表示要滚动到的行号,从 0 开始;`column` 表示要滚动到的列号,从 0 开始。如果只想滚动到指定行,可以省略第二个参数。
例如,要将表格滚动到第 10 行,可以这样写:
```javascript
this.$refs.table.scrollTo(9);
```
如果要将表格滚动到第 10 行第 2 列,可以这样写:
```javascript
this.$refs.table.scrollTo(9, 1);
```
需要注意的是,这个方法只有在表格数据已经加载完成后才能使用,否则会出现错误。如果需要在数据加载完成后自动滚动到指定行,可以在 `mounted` 钩子中使用 `$nextTick` 方法来等待数据加载完成后再调用 `scrollTo` 方法。例如:
```javascript
mounted() {
this.$nextTick(() => {
this.$refs.table.scrollTo(9);
});
}
```
阅读全文