当我们有类似这样的需求，详情页底部需要放很多个操作按钮（如关闭、审批通过、驳回等），然后主内容区域可以滚动。
那么我们通常会把底部这一栏内容用fixed固定在底部，如下示例：
但是这样有一个问题，当从列表页点击详情页时，你会发现底部fixed固定的部分会抖动一下才显示，体验很不好
优化
我们自定义一个组件，用于优化来去除抖动，代码如下：
假设新建文件components/Inbody/index.vue
代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
用法
只需要用这个组件，把fixed固定的内容包裹起来即可
编辑
取消
保存
import InBody from "@/components/InBody/index.vue";
export default {
components: {
InBody
},
}
