vue无法获取dom元素高度的解决方案

如何dom元素没有设置高度或高度是自适应的，是无法直接获取的高度的，解决方法如下，在获取高度时加个延迟器：outoHeightFn(){setTimeout(() => {let dom = this.$refs.remark;const height = dom.offsetHeight;if(height < 300){dom.style.height = '300px';}

Misnice

3989人浏览 · 2020-06-30 16:14:33

Misnice · 2020-06-30 16:14:33 发布

如何dom元素没有设置高度或高度是自适应的，是无法直接获取的高度的，
解决方法如下，在获取高度时加个延迟器：

outoHeightFn(){ 
    setTimeout(() => {
        let dom = this.$refs.remark;
        const height = dom.offsetHeight;
        if(height < 300){
            dom.style.height = '300px';
        }
    }, 300);
},

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}$/, //不连续的两位字母// /^