代码之家 › 专栏 › 技术社区 › ThomasVdBerge

从子组件调用方法

vue-component vue.js

0

ThomasVdBerge · 技术社区 · 6 年前

我的代码与下面的代码类似,并从另一个Vue组件调用:

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

...

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

现在如何操作FlipClock组件,例如调用其增量方法?

此。$refs未定义

1 回复 | 直到 6 年前

1

2

Maxim 6 年前

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

电话后 this.$refs.flipClock.increment()