本文小编为大家详细介绍“vue监听窗口高度的方法是什么”，内容详细，步骤清晰，细节处理免费云主机域名妥当，希望这篇“vue监听窗口高度的方法是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。1.首先，新建一个html项目，并在项目中引入vue；import Vue from ‘vue’
2.引入vue后，在项目中定义一个data值，用于记录窗口高度；data(){return{clientHeight:”,}}
3.data值定义好后，使用window.onresize方法获取窗口高度；mounted(){this.clientHeight = `${document.documentElement.clientHeight}`;let that = this;window.onresize = function(){this.clientHeight = `${document.documentElement.clientHeight}`;if(that.$refs.page){that.$refs.page.style.minHeight = clientHeight – 100 + ‘px’;}}}
4.最后，获取到窗口高度后，使用watch方法即可实时监听窗口高度；watch:{clientHeight(){this.changeFixed(this.clientHeight)}}
读到这里，这篇“vue监听窗口高度的方法是什么”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注百云主机行业资讯频道。
这篇文章主要介绍“C语言分支与循环实例代码分析”，在日常操作中，相信很多人在C语言分支与循环实免费云主机域名例代码分析问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”C语言分支与循环实例代码分析”的疑惑有所帮助！接下来，请跟着小编…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
