如何在 Vue.JS 中的 v-if 之后运行方法？

Question

我想知道如何在加载 HTML 片段后正确运行该方法。让我给你看一个例子，这样会更清楚：

<div v-if="someProp">
    <div class="progress-bar">
      <div class="bar"></div>
    </div>
    <!-- Run method from here to activate progress bar -->   
</div>
<div v-else>
    No method here
</div>

希望我能解释清楚。另外我想提一下，进度条是由 jQuery 用这种方法激活的：

$(.progress-bar).progress()

我浏览了不同的 v-on 事件，但找不到适合我需要的合适的事件。我很困惑……

Answer 1

您可以绑定到updated 方法并检查someProp 是否为真来执行您的jQuery：

updated() {
  if (this.someProp) {
    $('.progress-bar').progress()
  }
}