如何实现Vue多路由表头吸顶的多种布局方案？

本文共计569个文字，预计阅读时间需要3分钟。

Vue项目多路由表头吸顶实现布局的几种方式：项目较大，有五个界面，每个界面有四个子组件，每个子组件都有一张表格格，需求是每个界面的每张表格滚动到顶部时吸顶表头。

vue项目多路由表头吸顶实现的几种布局方式

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

一、先聊js。

A.首先在vux可以这样设置。

1.在state文件中设置状态。

techo:{ partsFixed:false, repairFixed:false， mateFixed:false, outRepairFixed:false }//吸顶状态

2.在action中commit状态。

export const setTecho=function ({commit},data) { commit(types.UPDATETECHO, {data}) }

3.mutations中更新状态。