如何在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()

我浏览了各种不同的在线赛事，但找不到适合我需求的合适赛事。我很困惑...

Answer 1

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

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