思路:1、先给 table 的高度绑定一个 值(height)
2、data中定义数据
3、获取高度(计算自己需要的值),并赋值
4、钩子函数调用
<el-table
:data="tableData"
border
style="width: 100%"
:height="height">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</template>
new Vue({
el:"#app",
data:{
height:""
},
methods:{
getHeight() {
this.height = window.innerHeight - 145 + "px";
}
},
created(){
this.getHeight()
},
mounted(){
},
})