因为项目较大有五个界面,每個界面有四个子组件每个子组件都有一个table表格,需求是每个界面的每个table滚动到顶端表头vue吸顶效果所以尝试用vuex做这种需求。
1.在state文件中设置状态
1、因为项目较大,现在main.js中定义全局混合
2、在methods中我们可以定义一个回调函数。
3、在mouted里面进行滚动监听
4、最后记得在destroyed里面进行销毀。
这样做的好处就是代码量小position:fixed。应用到flex中布局不会乱。
实现方法:复制两个完全一样的table需要固定定位的table外面包裹div,然后进行定位(table布局进行固定定位布局会乱) 好处:不需要写太多的样式,坏处:代码量翻倍
各位有好的方法还可以关注个人微信号(麦坤小子)共同探讨。