Element Ul（Vue）表格高度根据窗口大小自适应

浏览器F11全屏效果

全屏.jpg

浏览器窗口缩小效果

小屏.jpg

1.结合Vuex 来保存状态，路由跳转到别的表格时，保证当前高度是自适应后的高度

export default {
    state: {
   
        getHeigth:0 ,//表格高度
    },
    getters: {
  
    },
    mutations: {

        setHeigth(state, num){  
        console.log( ((num.split('px')[0]) - 100 ))
            state.getHeigth = ((num.split('px')[0]) - 240 );
        }
    },
    actions: {
    }
}

2.在Element 的 el-table 组件上绑定 height