Javascript vue.js中v-show的回调

使用vue.js是否有类似于on show和on show的回调方法

我在div元素上使用v-show=“我的条件”。但是里面有一些charts.js图表，除非可见，否则无法渲染

有人知道只有在父对象可见时才能呈现chart.js吗？它们位于可选择的选项卡内，因此可能会触发多次

---

我正在使用Vue.js和Vue strap

没有您描述的

事件

但是，您可以使用如下所示的
computed
属性：

new Vue({
  ...

  data: {
    myCondition: false
  },

  computed: {
    showChart: function () {
      if (this.myCondition) {
        // show chart
      } else {
        // hide chart
      }

      return this.myCondition
    }
  },

  ...
})


<div v-show="showChart"></div>

newvue({
...
数据：{
真菌病：假
},
计算：{
图表：函数（）{
如果（这是真菌病）{
//显示图表
}否则{
//隐藏图表
}
把这个还给我
}
},
...
})

签出-使用
nextTick（）
在类似的情况下对我有效。简言之：

new Vue({
 ...

  data: {
    myCondition: false
  },

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

  ...
})

自定义指令
可将此目标存档此目标

例如：

文件：
如果您的条件是单个变量，则可以
$watch
对其执行操作，并使用回调来呈现表格。您也可以使用
v-if
而不是
v-show
，并对正在制作到图表中的元素使用指令，这样您就不必担心观看。这只是建议，如果您想调用任何API并存储状态更改，那么不要使用computed，使用watch。因为如果你使用computed，它会调用很多次，并且会挂起浏览器。