vue项目中底部导航盖住页面内容解决思路

在内容页面写一个方法（A） 传入一个页面中的参数（用来判断页面中是否有数据） 有数据的话在混入中的mounted方法中执行内容页面的方法(A)
A方法 定义一个常量（底部导航的高度）

this.$refs.recommend.style.bottom = bottom    
recommend为内容页面的DOM
加过bottom后刷新页面
this.$refs.scroll.refresh()

CSS解决
在内容后加伪元素 after

content : '';
height : 50px;
display :block;