DHCP windows xamarin iis build rxjs Normalizecss Momentjs it教学视频 python转16进制 mysql查看锁表 mysql组合索引 jquery validate python如何调用函数 java文件 java变量类型 java函数 java中的数据类型 java的运行环境 java获取当前时间 java格式化字符串 java线程死锁 java怎么编程 linux装机 python开发实例 python源码下载 java疯狂讲义 一件换肤 给视频加字幕的软件 0x00000057 R语言初学者指南 微信猜拳 movavi 流程图制作工具 js给标签添加属性 4k对齐是什么意思 js继承的几种方式 极速pdf转word 掌门一对一官网下载 铁血统帅
当前位置: 首页 > 学习教程  > 编程语言

AntDesign -vue table 如何更改滚动条/如何通过ref获取更改滚动条

2020/12/28 18:49:45 文章标签:

首先组件上加ref,注意ref不能和v-if一起用 在mounted钩子函数里获取ref,塞到data里 this.dom this.$refs.table再定义函数 changeScroll(index){this.$nextTick(()>{this.dom.$el.querySelector(.ant-table-body).scrollTop index*20})},大家可以自由发挥,通…

首先组件上加ref,注意ref不能和v-if一起用

在这里插入图片描述
在mounted钩子函数里获取ref,塞到data里

this.dom = this.$refs.table

再定义函数

changeScroll(index){
      this.$nextTick(()=>{
      this.dom.$el.querySelector('.ant-table-body').scrollTop = index*20
    })
    },

大家可以自由发挥,通过打印dom.$el,再使用querySelector(’#xxx’)获取对应的Dom节点,就可以都修改了
注意要用

$nextTick

包着


本文链接: http://www.dtmao.cc/news_show_550125.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?