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`
})