您现在的位置是:网站首页> 编程资料编程资料
element-ui滚动条el-scrollbar置底方式_vue.js_
2023-05-24
342人已围观
简介 element-ui滚动条el-scrollbar置底方式_vue.js_
element-ui滚动条el-scrollbar置底
在需要滚动的地方加上
方法
scrollDown() { this.$refs['myScrollbar'].wrap.scrollTop = this.$refs['myScrollbar'].wrap.scrollHeight } 不能在接收数据时调用,需要在页面渲染结束时调用方法
updated: function() { this.scrollDown() } element-ui表格滚动条样式el-scrollbar使用问题
实现效果:

问题如下图,原始表格滚动条很丑

想要的效果如下

操作步骤
1、template部分代码
2、script数据部分的代码
3、css样式部分代码
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- Vue中请求本地JSON文件并返回数据的方法实例_vue.js_
- Vue3 中自定义插件的实现方法_vue.js_
- 前端使用axios实现下载文件功能的详细过程_javascript技巧_
- Vue组织架构树图组件vue-org-tree的使用解析_vue.js_
- 关于ES6中的箭头函数超详细梳理_javascript技巧_
- React Native 中添加自定义字体的方法_React_
- Promise改写获取萤石云直播地址接口示例_JavaScript_
- Vue3项目中的hooks的使用教程_vue.js_
- Vuei18n 在数组中的使用方式_vue.js_
- vue中关于@media媒体查询的使用_vue.js_
