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

在内容页面写一个方法（A）传入一个页面中的参数（用来判断页面中是否有数据）有数据的话在混入中的mounted方法中执行内容页面的方法(A)A方法定义一个常量（底部导航的高度）this.$refs.recommend.style.bottom = bottomrecommend为内容页面的DOM加过bottom后刷新页面this.$refs.scroll.refresh(...

Miss MM

9192人浏览 · 2019-03-11 19:38:15

Miss MM · 2019-03-11 19:38:15 发布

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

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^