设置元素高度跟浏览器高度一致

场景一：在vue中，设置内部元素默认高度与框架内部高度保持一致，子元素超出则显示滚动条滚动，默认父元素高度不变，撑高为框架高度

解决防范：

<div :style="{ 'height': documentClientHeight + 'px' }"></div>

调用方法：

 computed: {
      documentClientHeight: {
        get () {
          return this.$store.state.common.documentClientHeight-280
        }
      }
    },

减掉的数值是除了它之外其他元素的高度，这样剩余的高度就是它在框架中的高度

场景二：设置元素高度为浏览器高度

height: calc(100% - 34px);

减掉的为其它元素占有的高度