在使用element-ui搭建的表格中,实现点击"定位"按钮后,屏幕滚动到对应行的位置...

weixin_30379531

于 2019-08-05 19:11:00 发布

阅读量3.5k

点赞数 1

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/wuhefeng/p/11304966.html

版权

在后台管理系统中，当点击‘定位’按钮时，页面将自动滚动到包含管理员ID的表格行，并对该行进行高亮显示。实现过程中涉及查找数组中的特定字段、获取DOM节点、动态添加id及屏幕滚动等技术。文章提供了详细的实现步骤和事件处理代码，但作者认为还有优化空间，期待读者提供改进方案。

摘要由CSDN通过智能技术生成

背景:

　　一个后台管理系统,当管理员登录之后,会存在一个自己的id值,

　　在一个表格中,当点击"定位"按钮后,屏幕滚动到拥有管理员id的这一行,并且给设置一个高亮的背景

相关知识点:

　　查找数组中是否存在某个字段

　　获取父节点

　　获取全部子节点

　　动态添加id

　　屏幕滚动到指定位置

　　......

1.定义事件

<el-button size="mini" type="info"  @click="ClickTableLocation">定位</el-button>

//定位按钮
      ClickTableLocation(){

}

2.在表格上定义ref,通过ref拿到表格的对象信息

ClickTableLocation(){

        //使用refs获取到整个表格对象
        let refTab = this.$refs.TableId
        console.log("使用refs获取到的整个表格为:

关注