解决vue中绝对定位或固定定位在底部的按钮被键盘顶起的问题

最新推荐文章于 2023-11-01 22:29:12 发布

嵩小卢

最新推荐文章于 2023-11-01 22:29:12 发布

阅读量1.1k

点赞数

分类专栏： vue js 文章标签： js vue

本文链接：https://blog.youkuaiyun.com/sxl131415/article/details/106663606

版权

vue 同时被 2 个专栏收录

20 篇文章

订阅专栏

15 篇文章

订阅专栏

解决方式：

export default {

    data() {

        return {

originalHeight: 0, //原始高度
screenHeight: 0, //实时高度
               }

    },

methods:{

watchResize() {
  //实时变化的窗口高度
  this.screenHeight = document.documentElement.clientHeight;
}
},

watch:{
  screenHeight(newHeight) { //监听屏幕高度变化
    this.showBtn = this.originalHeight <= newHeight;
  }
},
    mounted() {

//首次进入的原始高度
this.originalHeight = document.documentElement.clientHeight || document.body.clientHeight;;
  window.addEventListener('resize', this.watchResize);
       }，
beforeDestroy() {
  window.removeEventListener("resize", this.watchResize);

}
 }