vue.js中v-show的回调

Question

使用vue.js有没有像on-shown和on-show这样的回调方法？

我在 div 元素上使用 v-show=“my-condition”。但里面有一些 charts.js 图表，除非可见，否则无法呈现。

任何人都知道如何仅在父级可见时才呈现 chart.js？它们位于可选择的选项卡内，因此它可能会触发多次。

我正在使用 Vue.js 和 vue-strap。

原文由 Douglas Rosebank 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

查看 此答案- 使用 nextTick() 在类似情况下对我有用。简而言之：

 new Vue({
 ...

  data: {
    myCondition: false
  },

  watch: {
    myCondition: function () {
      if (this.myCondition) {
        this.$nextTick(function() {
          // show chart
        });
      } else {
        // hide chart
      }
    }
  },

  ...
})

原文由 htompkins 发布，翻译遵循 CC BY-SA 3.0 许可协议