关于flex布局的问题？

Question

像这样的结构

    <div class="box flex-box">
        <div class='chart' style="flex:1"></div>
        
        <div class='info' v-show="show" style="flex:1"></div>
    </div>

默认show为false
当发送ajax请求时，info类的show变为true，
但是页面还是只有chart这个类，
只有改变浏览器窗口大小时，才会两个都显示，并且等分布局？
这是为什么尼？

Answer 1

请求到结果后使用$nextTick试试

Answer 2

应该是vue没有检测到show属性的更新，导致视图未更新。
当进行其它操作（如浏览器窗口大小）时触发了vue的更新机制，然后更新了视图。

你变更show属性的数据后，用this.$forceUpdate();来强制更新试下。

Answer 3

v-show换v-if