vue中使用element框架设置表格高度自适应

在定义表格高度时使用 :height="tableHeight" （element框架定义高度便会固定表头，注意通过data()中获取高度值的方法需要在height前面加上":" ）在data()中设置tableHeight的值。data() {return {tableHeight: window.innerHeight * 0.8}}其中...

想要飞的鱼儿

14513人浏览 · 2018-12-25 18:19:52

想要飞的鱼儿 · 2018-12-25 18:19:52 发布

在定义表格高度时使用 :height="tableHeight" （element框架定义高度便会固定表头，注意通过data()中获取高度值的方法需要在height前面加上":" ）

在data()中设置tableHeight的值。

data() {
    return {
        tableHeight: window.innerHeight * 0.8 
    }
}

其中window.innerHeight获取当前窗口的高度，*0.8表示高度的80%。当然也可以使用别的运算。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^