来自子组件的调用方法

Question

我正在使用FlipClock.js Vue Component。

我的代码看起来像下面的代码，并且是从另一个vue组件调用的：

import { FlipClock } from '@mvpleung/flipclock';
export default {
  ...
  components: {
    FlipClock
  }
}

...

<flip-clock :options="{clockFace: 'Counter', autoStart: false}" />

我现在如何操作FlipClock组件，例如调用它的增量方法？

this。$ refs未定义

Answer 1

您的<flip-clock :options="{clockFace: 'Counter', autoStart: false}" />需要添加ref之类的<flip-clock ref='flipClock' :options="{clockFace: 'Counter', autoStart: false}" />属性。

致电this.$refs.flipClock.increment()

后