关于vue上拉记载以及vue吸顶效果的关联操作,求大神助攻

因为项目较大有五个界面,每個界面有四个子组件每个子组件都有一个table表格,需求是每个界面的每个table滚动到顶端表头vue吸顶效果所以尝试用vuex做这种需求。

1.在state文件中设置状态

1、因为项目较大,现在main.js中定义全局混合

2、在methods中我们可以定义一个回调函数。

3、在mouted里面进行滚动监听

4、最后记得在destroyed里面进行销毀。

这样做的好处就是代码量小position:fixed。应用到flex中布局不会乱。

实现方法:复制两个完全一样的table需要固定定位的table外面包裹div,然后进行定位(table布局进行固定定位布局会乱) 好处:不需要写太多的样式,坏处:代码量翻倍

各位有好的方法还可以关注个人微信号(麦坤小子)共同探讨。

我要回帖

更多关于 vue吸顶效果 的文章

 

随机推荐