toast 组件

通过修改高度为 min-height 来解决字的容纳问题,引发白色线的高度 没有办法根据父元素自适应了(flex解决不了)
我就在mounted 之后把他的高度赋值
写了这么一句话发现不行

this.$refs.line.style.height =${this.$refs.wrapper.getBoundingClientRect().height}

发现是时间差的问题
然后在mounted加了nexttick发现可以

  this.$nextTick(()=>{
        this.$refs.line.style.height =
          `${this.$refs.wrapper.getBoundingClientRect().height}px`

      })
posted @ 2020-08-24 16:12  过程是风景  阅读(135)  评论(0编辑  收藏  举报