如何用vuecli3+ts动态获取元素的高度

之前写了一个页面，要求背景图片是要铺满屏幕的，这样就需要动态获取下页面高度且我们是用ts+vuecli3开发的，现在分享给你们，代码如下：


页面结构代码

ts代码


less代码

这样子 我们是能动态获取到高度的，并且将高度赋值给box这个容器，但是做出来有点适配问题，在iphonex上面适配有点不好所以下一个我会出个直接用样式控制背景图片铺满屏幕自适应的方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1赞 92
  • CSS3
    CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 9,445评论 1赞 13
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 5,841评论 0赞 2
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 6,844评论 0赞 11
  • 移动端适配以及百分比布局与rem比较
    前言 对于熟悉pc端的小伙伴来说,对于静态页面的布局,一般都是没有什么问题的,为了保持各浏览器显示的一致性,无论是...
    itclanCoder阅读 14,641评论 5赞 61