无法在其他组件内部定位方法

Question

如何在其他组件中定位方法？

我正在开展一个项目，我想在另一个组件中定位一个方法。我按下仪表板组件内的一个按钮，我想更改我的折线图组件（使用vue-chartjs）内的数据。我该如何定位这种方法？

Answer 1

You can call children's method by referencing them through refs

In your example, your dashboard's template should looks like this :

<template>
  <div>
    <button @click="$refs.chart.yourMethod()">Call child method</button>
    <line-chart ref="chart"></line-chart>
  </div>
</template>

Answer 2

嗯，你可以通过$refs来定位它，但是，这非常脏，因为它会对你的组件进行非常严格的绑定。

更好的解决方案是触发事件（eventbus）或支持。