element 表格定位到某行

最新推荐文章于 2024-12-24 16:24:45 发布

果真zZ

最新推荐文章于 2024-12-24 16:24:45 发布

阅读量6.4k

点赞数 8

分类专栏： vue element 文章标签： vue 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_39367226/article/details/107451463

版权

vue 同时被 2 个专栏收录

16 篇文章

订阅专栏

element

4 篇文章

订阅专栏

本文介绍如何在Vue项目中，利用Element UI库，实现在表格组件中定位到特定行的功能，适用于前端开发中数据展示和操作的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue element 表格定位到某行

    /**
     * @description: 通过表格索引 定位表格的位置
     * @param {refName} table的ref值
     * @param {index} table的索引值
     * @return: 
     * @author: hch
     */
    $tableScrollMove(refName,index=0){
      if(!refName || !this.$refs[refName]) return//不存在表格的ref vm 则返回
      let vmEl = this.$refs[refName].$el
      if(!vmEl) return
      //计算滚动条的位置
      const targetTop = vmEl.querySelectorAll('.el-table__body tr')[index].getBoundingClientRect().top
      const containerTop = vmEl.querySelector('.el-table__body').getBoundingClientRect().top
      const scrollParent = vmEl.querySelector('.el-table__body-wrapper')
      scrollParent.scrollTop = targetTop - containerTop
    },