ElementUI 表格高度自适应终极解决方案

ElementUI 表格高度自适应终极解决方案
不管在表格上边有任何组件,都可以解决。下边的这个50高度是用来放其他组件的,比如常见的分页组件,如果你不需要的话,可以不用放。

//根据浏览器高度设置初始高度,并监听浏览器高度变化,改变表格高度,50表示表格距离浏览器的高度
this.$nextTick(() =>{
	      // 根据浏览器高度设置初始高度
	      this.$refs.table.$el.getBoundingClientRect().top //表格距离浏览器的高度
	      this.heights = window.innerHeight - this.$refs.table.$el.offsetTop -50
	      // 监听浏览器高度变化,修改表格高度
	      window.onresize = () =>{
	        this.heights = window.innerHeight - this.$refs.table.$el.offsetTop - 50
	      }
	    })

你可能感兴趣的:(elementsui,elementui,es6,前端,javascript,vue.js)