Vue.js 2在隐藏状态时不会更新子级。

Question

我有一个页面，它呈现一个子组件(图表)，该子组件(图表)传递的数据作为一个支柱(列表)填充图表。它是由一个包着它的div显示和隐藏的，我的问题是，当它被显示并且我的数据(列表)发生变化时，它将正确地重新绘制和更新。但是，如果它是隐藏的，而数据变化，然后再次显示，没有任何绘制在空格内，它是空白，甚至不是以前的图表。看起来大概是这样的：

<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，因为它只在条件变为真时才会创建元素。