footer在vue中使用的注意事项

Footer.vue组件需要在页面的最低端，但是中间内容的多少会影响该组件的位置,position: fixed;  bottom: 0;可以解决页面内容不足以撑满浏览器高度的情况，但是如果页面内容很多时会把内容覆盖，所以position:fixed方式不可取。

解决方法

手动设置出header与footer外的中间的content的高度，这是最低高度为 minHeight = 屏幕高度 - header高度-footer高度；这样，既能够使content内容不足时撑满浏览器高度，又不会再content高度过高时被footer覆盖！