我们目前开发主要是使用iview框架进行开发,但是开发过程中发现浏览器的滚动条实在是太丑陋了,有点不适应现代社会了,于是我们使用NiceScroll来接管浏览器默认的滚动条,但是我们在使用tree table时候,会面临一个问题,滚动条不会随着内容的变化自动缩进,所以我们需要在表格的展开事件发生后进行一个NiceScroll的重新适配,但是这个resize()函数不能频繁快速的执行,必须要放在一个延迟函数中执行,这点没什么问题,做如下记录。主要有两部处理:
1,在table展开事件中设置函数
@on-expand-tree="refreshContentHeight"
2,在函数中重置内容的高度
refreshContentHeight:function(row,status){
setTimeout(function(){
$(".ivu-table-body").getNiceScroll().resize();
}, 100);
}
通过以上两步就完成了滚动条的根据内容自适应了,是不是很简单。