binding){ constselectwrapel . query selector(。el table_ _ body wrapper )select wrap . addevent listener(scroll),el- table中数据的滚动加载获得当前滚动加载的Eltable表节点,注意,如果有多个表,如果使用ref获取dom节点,需要指定为第一个,并且是当前dom节点下的bodyWrapper元素,然后添加滚动事件,$ next tick(function(){ vardomthis。$ refs 1:首先创建Eltable/添加行点击事件2:添加分页组件,具体是:currentpage.synccurrentPage不写这个无效句3: current_change()。
这里是一个轻量级前端开发工具包:WijmoJS网页链接WijmoJS核心控件包括:WijmoJS core:新一代HTML5开发工具包,采用最新的前端技术,打造最酷的企业Web应用。工具类便于操纵对象、数组等。下划线. jslodash的api与下划线. js的API基本相同
3、vueelement-ui table表格滚动加载方法
添加一个全局注册事件来侦听scroll事件window . vue . directional( load more ,{bind (el,binding){ constselectwrapper . query selector(。eltable_ _ bodywrapper )选择包装。
获取当前滚动的el table Table节点注意,如果有多个表,使用ref获取dom节点需要指定为第一个,并且是当前dom节点下的bodyWrapper元素。然后添加滚动事件。$ next tick(function(){ vardomthis。$参考文献。安装Markdownscrollsync插件,发现同步滚动不起作用。报告了异常:TypeError: rightHandsideof的“实例”不可调用。据说MarkDownReviewPlus插件的版本太高了。需要安装旧版MarkDownReviewPlus插件。不过我觉得这个解决方案简直是一刀两断,如果我想通过降低版本来解决还不如不要用。
5、vue虚拟滚动(vue-virtual- scroll-list项目中有一个sku表(是一个尺寸和颜色产品的表)。如果有10种颜色和20种尺寸,sku表将有200行,有一个客户需要100种颜色。如果有100种颜色的时候有5种尺寸,会有500行,会让页面很卡,所以我找了vuevirtualscrolllist this插件。
文章TAG:table scroll 插件 antd table-scroll插件