美文网首页
vue 中用this.$refs获取dom元素高度,给eleme

vue 中用this.$refs获取dom元素高度,给eleme

作者: Mihansy | 来源:发表于2019-05-31 15:36 被阅读0次

    先设置元素的ref,如 <div style="height: 500px" ref="tablewrap" ></div>,要获取该元素高度,必须先给该元素设置css高度

    再用  window.getComputedStyle(this.$refs.tablewrap).height  获取

    注意:用this.$refs获取dom元素高度,必须在mounted钩子中,如下:

    mounted() {

            console.log(window.getComputedStyle(this.$refs.tablewrap).height)

    }

    给element表格设置动态高度,就可以用上述方法

    在data中定义变量

    最后,在mounted钩子中设置表格的高度

    相关文章

      网友评论

          本文标题:vue 中用this.$refs获取dom元素高度,给eleme

          本文链接:https://www.haomeiwen.com/subject/nsfgtctx.html