处于隐藏状态时，Vue.js 2不会更新子项

Question

我有一个页面，它呈现一个子组件（图表），它将填充图表的数据作为prop（列表）传递。它被包装它的div显示和隐藏，我的问题是当它显示并且我的数据（列表）发生变化时，它将正确地重绘和更新。但是如果它在数据发生变化时被隐藏，然后再次显示，则NOTHING在空间中完全绘制，它是空白的，甚至不是之前的图表。看起来大致如下：

<div class="bluecards">
  <div v-on:click="isShowpie = !isShowpie">
    My clickable bar title that hides/shows Pie below
  </div>
  <div v-show="isShowpie"  class="content">
    <div class="chartwrapper">
      <pie-chart v-if="loaded" :list="list" class="pchart"></pie-chart>
    </div>
  </div> 
</div>

Answer 1

v-show在页面加载时创建元素，即使条件为false（它将其创建为隐藏）。您可以尝试使用v-if，因为它只会在条件成立时创建元素。