vue+iview写过的坑（1）

本来准备记下来自己写的坑结果忘记坑在哪里了= =

所以，这就是记下是怎么实现的吧。

vue实现相应屏幕高度，内部地图部分根据屏幕大小可自动相应高度。

地图没有高度撑不开，所以才会出现这个问题。

获取元素的高；

<div ref="companyInfoPage">

<div ref="cmpInfo"></div>

<div ref="mapInfo"></div>

</div>

js部分

data(){

mapHeight: "" //地图高度

},

methods:{

changeFixed: function(clientHeight) {

      //动态修改样式

      // console.log(clientHeight);

      this.$refs.companyInfoPage.style.height = clientHeight + "px";

    },

getBaseInfo:function(){

//获取基本信息后。。。。省略一堆代码

let h =

          window.innerHeight ||

          document.documentElement.clientHeight ||

          document.body.clientHeight; //浏览器高度

        let topH = this.$refs.cmpInfo.offsetHeight;

        this.mapHeight = h - topH - 200 + "px";

        this.$refs.mapInfoPage.style.height = this.mapHeight;

}

//经纬度获取后，调用地图。具体代码不提供了- -

        this.lnglat = [this.lng, this.lat];

        this.loadmap(this.lnglat);

}，

mounted() {

    this.loadmap();

  }

行吧- -我为啥找不到别人那种五颜六色的格式的代码插入；

第一次记录，研究下怎么弄在仔细写后期的好了= =；心疼不会写的废柴自己。