父组件设置display: flex,子组件获取不到宽度
发布于 6 年前 作者 ryao 18087 次浏览 来自 问答

比如这里有一个my-parent组件

 <my-parent style="width: 750rpx;min-height: 100rpx">

    <slot></slot>

</my-parent>


子组件是

 <my-child style="width: 100%;height: 100%;background-color: red">

    <slot></slot>

</my-child>


子组件的高度和宽度都可以获取得到


但是设置了display: flex;后就获取不到宽度了


 <my-parent style="display: flex;width: 750rpx;min-height: 100rpx">

    <slot></slot>

</my-parent>

 <my-child style="width: 100%;height: 100%;background-color: red">

    <slot></slot>

</my-child>

回到顶部