vue.js当子组件的高度超过视口高度，父组件的高度设置了100%，父组件的高度如何跟随子组件高度变化

Question

项目的layout是一个公用的菜单，为了让它铺满侧边给它设置了高度100%，顺便给html,body都设了100%,然后通过嵌套路由进入a组件，a组件的高度超出了屏幕的高度，但是菜单的高度并不会跟着a组件的高度变化而变化，还是一个屏幕的高度。怎样才能让菜单的高度跟着a组件的高度变化而变化。下面是示意图

Answer 1

height可以通过js来获取：

data: function(){
    return {
        style: {minHeight: window.screen.availHeight+'px', },
    }
},

Answer 2

可是你的窗口就那么大，右边不是应该只会截取窗口高度来显示

Answer 3

1.左边菜单position设置为absolute，height:100%，这样试试。

2.flex布局。