概述
this.$refs.elScrollBar.wrap.scrollTop = 0 // 想滚到哪个高度,就写多少
// 每次加载数据后将x轴滚动条归零
this.$refs.elTable.bodyWrapper.scrollLeft = 0
// 每次加载数据后将y轴滚动条归零
this.$refs.elTable.bodyWrapper.scrollTop = 0
样式方面,由于vue一般都是这样的
<style lang="less" scoped>
</style>
scoped是限制其中样式只在本文件起作用,所有给el组件加样式没反应,这时候可以在样式前加上/deep/
/deep/可以深度选择子组件加样式,不过可能会有样式污染。
建议加上父组件class
.父组件class{
/deep/ .el-scrollbar__bar.is-horizontal>div{
display: none;
}
}
最后
以上就是美丽美女为你收集整理的el-table和el-scrollbar滚动条操作方法(记得添加ref),样式问题记录的全部内容,希望文章能够帮你解决el-table和el-scrollbar滚动条操作方法(记得添加ref),样式问题记录所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复